
[ng-cloak] {
  display: none !important;
}
html,
body {
  width: 100%;
  height: 100%;
  border: 0;
  font: 12px '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', Helvetica Neue, Hiragino Sans GB, '\5B8B\4F53', 'simsun', '\9ED1\4F53', Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  background: #F8F8F8;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
a {
  text-decoration: none;
  color: #398dee;
  outline: none;
  cursor: pointer;
}
input::-ms-clear {
  display: none;
}
input,
textarea {
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
}
select {
  -webkit-appearance: none;
  border: 0;
  background-color: transparent;
  font-family: inherit;
}
input,
textarea {
  border: 1px solid #e0e1e5;
  border-radius: 2px;
  line-height: 22px;
  padding: 5px 10px;
}
input,
textarea {
  webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea {
  resize: none;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #79ace7;
  /*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 2px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 2px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 2px rgba(82, 168, 236, 0.6);*/
}
input[type=radio] {
  box-shadow: none;
  border: none;
  padding: 0px;
}
ul {
  list-style: none;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
}
[hidden] {
  display: none !important;
}
body.mac {
  font-family: Helvetica Neue, Hiragino Sans GB, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.clickable {
  cursor: pointer;
}
.selectable {
  -webkit-user-select: text;
  cursor: text;
}
.word-break {
  word-break: break-all;
  word-wrap: break-word;
}
.red,
.error {
  color: #fd3232;
}
.text {
  line-height: 18px;
  padding: 2px;
  border: 1px solid #cbd3d7;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  width: 84px;
  -webkit-user-select: text;
  cursor: text;
}
.text:hover {
  border-color: #999999;
}
input[type=radio].checkbox,
input[type=checkbox].checkbox {
  width: 12px;
  height: 16px;
  cursor: pointer;
}
::-webkit-scrollbar {
  height: 8px;
  width: 10px;
  background: transparent;
  border-radius: 5px;
}
::-webkit-scrollbar-button {
  display: none;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar-track-piece {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  width: 10px;
  min-height: 15px;
  background: rgba(118, 176, 243, 0.3);
  border-radius: 0;
  margin-right: 1px;
}
.placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c5c5c5;
  font-size: 12px;
}
._hint-text {
  color: #999;
  font-size: 12px;
}
/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.sprite_back_icon {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: 0px -77px;
  width: 48px;
  height: 48px;
}
.sprite_back_icon_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -104px -129px;
  width: 48px;
  height: 48px;
}
.sprite_close {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -75px -205px;
  width: 11px;
  height: 11px;
}
.sprite_close_active {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -60px -205px;
  width: 11px;
  height: 11px;
}
.sprite_close_gray {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -201px -155px;
  width: 10px;
  height: 10px;
}
.sprite_close_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -275px -181px;
  width: 11px;
  height: 11px;
}
.sprite_esc_icon {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -208px -77px;
  width: 48px;
  height: 48px;
}
.sprite_esc_icon_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: 0px -129px;
  width: 48px;
  height: 48px;
}
.sprite_expire1 {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: 0px 0px;
  width: 143px;
  height: 73px;
}
.sprite_image_preview_close {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -152px -181px;
  width: 14px;
  height: 14px;
}
.sprite_image_preview_download {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -84px -181px;
  width: 18px;
  height: 19px;
}
.sprite_image_preview_download_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -106px -181px;
  width: 18px;
  height: 19px;
}
.sprite_image_zoom_fit {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -260px -77px;
  width: 22px;
  height: 22px;
}
.sprite_image_zoom_fit_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -260px -103px;
  width: 22px;
  height: 22px;
}
.sprite_image_zoom_in {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: 0px -181px;
  width: 24px;
  height: 20px;
}
.sprite_image_zoom_in_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -28px -181px;
  width: 24px;
  height: 20px;
}
.sprite_image_zoom_origin {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -201px -129px;
  width: 22px;
  height: 22px;
}
.sprite_image_zoom_origin_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -227px -129px;
  width: 22px;
  height: 22px;
}
.sprite_image_zoom_out {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -253px -129px;
  width: 24px;
  height: 20px;
}
.sprite_image_zoom_out_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -56px -181px;
  width: 24px;
  height: 20px;
}
.sprite_max_screen {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -241px -181px;
  width: 13px;
  height: 13px;
}
.sprite_max_screen_active {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -258px -181px;
  width: 13px;
  height: 13px;
}
.sprite_max_screen_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -224px -181px;
  width: 13px;
  height: 13px;
}
.sprite_min_screen {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -170px -181px;
  width: 14px;
  height: 13px;
}
.sprite_min_screen_active {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -188px -181px;
  width: 14px;
  height: 13px;
}
.sprite_min_screen_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -206px -181px;
  width: 14px;
  height: 13px;
}
.sprite_noteBg_select {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -128px -181px;
  width: 20px;
  height: 14px;
}
.sprite_password {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -147px 0px;
  width: 143px;
  height: 72px;
}
.sprite_selected_checkbox {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: 0px -205px;
  width: 16px;
  height: 16px;
}
.sprite_share_success_icon {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -156px -129px;
  width: 41px;
  height: 36px;
}
.sprite_unselected_checkbox {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -40px -205px;
  width: 16px;
  height: 16px;
}
.sprite_vip_diamond {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -20px -205px;
  width: 16px;
  height: 16px;
}
.sprite_zoom_in_icon {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -104px -77px;
  width: 48px;
  height: 48px;
}
.sprite_zoom_in_icon_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -52px -77px;
  width: 48px;
  height: 48px;
}
.sprite_zoom_out_icon {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -52px -129px;
  width: 48px;
  height: 48px;
}
.sprite_zoom_out_icon_hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -156px -77px;
  width: 48px;
  height: 48px;
}
.svg_abstract,
.svg_abstract\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 55.97667638483965% 27.32732732732733%;
  width: 34px;
  height: 24px;
}
.svg_abstract_mac,
.svg_abstract_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 13.213213213213214% 48.328267477203646%;
  width: 44px;
  height: 28px;
}
.svg_abstract_mac:active,
.svg_abstract_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 28.22822822822823% 16.717325227963524%;
  width: 44px;
  height: 28px;
}
.svg_abstract:hover,
.svg_abstract\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 55.97667638483965% 35.73573573573574%;
  width: 34px;
  height: 24px;
}
.svg_account_vip {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 32.02416918429003%;
  width: 26px;
  height: 26px;
}
.svg_arrow_down {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 68.31955922865014% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.svg_arrow_down_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 52.892561983471076% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.svg_arrow_right {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 56.74931129476584% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.svg_arrow_right_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 60.60606060606061% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.svg_asc {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 38.99721448467967% 100%;
  width: 18px;
  height: 18px;
}
.svg_attachment {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 48.75346260387812% 99.41348973607037%;
  width: 16px;
  height: 16px;
}
.svg_back,
.svg_back\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 66.1807580174927% 20.42042042042042%;
  width: 34px;
  height: 24px;
}
.svg_back_disabled_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 26.426426426426428% 48.328267477203646%;
  width: 44px;
  height: 28px;
}
.svg_back_mac,
.svg_back_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 44.44444444444444% 27.659574468085108%;
  width: 44px;
  height: 28px;
}
.svg_back_mac:active,
.svg_back_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 44.44444444444444% 36.170212765957444%;
  width: 44px;
  height: 28px;
}
.svg_back:hover,
.svg_back\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 38.48396501457726% 47.747747747747745%;
  width: 34px;
  height: 24px;
}
.svg_close {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 42.857142857142854% 87.53709198813057%;
  width: 20px;
  height: 20px;
}
.svg_column_one {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 88.56304985337243%;
  width: 20px;
  height: 16px;
}
.svg_column_one_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 76.47058823529412% 86.51026392961877%;
  width: 20px;
  height: 16px;
}
.svg_column_three {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 70.86834733893558% 86.51026392961877%;
  width: 20px;
  height: 16px;
}
.svg_column_three_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 65.26610644257703% 86.51026392961877%;
  width: 20px;
  height: 16px;
}
.svg_column_two {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 59.66386554621849% 86.51026392961877%;
  width: 20px;
  height: 16px;
}
.svg_column_two_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 34.01759530791789%;
  width: 20px;
  height: 16px;
}
.svg_comment,
.svg_comment\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 45.103857566765576%;
  width: 20px;
  height: 20px;
}
.svg_comment:hover,
.svg_comment\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 89.63585434173669% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_create {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.78510028653295% 0;
  width: 28px;
  height: 28px;
}
.svg_create_mac,
.svg_create_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 0;
  width: 24px;
  height: 24px;
}
.svg_create_mac:active,
.svg_create_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 50.450450450450454%;
  width: 24px;
  height: 24px;
}
.svg_delete,
.svg_delete\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 84.03361344537815% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_delete_mac,
.svg_delete_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 57.65765765765766%;
  width: 24px;
  height: 24px;
}
.svg_delete_mac:active,
.svg_delete_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 64.86486486486487%;
  width: 24px;
  height: 24px;
}
.svg_delete:hover,
.svg_delete\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 33.61344537815126% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_demo,
.svg_demo\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 39.21568627450981% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_demo_mac,
.svg_demo_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 72.07207207207207%;
  width: 24px;
  height: 24px;
}
.svg_demo_mac:active,
.svg_demo_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_demo:hover,
.svg_demo\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 28.486646884272997%;
  width: 20px;
  height: 20px;
}
.svg_desc {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.44289693593315% 66.66666666666667%;
  width: 18px;
  height: 18px;
}
.svg_dialog_close,
.svg_dialog_close\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 39.16913946587537%;
  width: 20px;
  height: 20px;
}
.svg_dialog_close:hover,
.svg_dialog_close\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 12.462908011869436%;
  width: 20px;
  height: 20px;
}
.svg_dialog_collapse,
.svg_dialog_collapse\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 18.397626112759642%;
  width: 20px;
  height: 20px;
}
.svg_dialog_collapse:hover,
.svg_dialog_collapse\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 24.33234421364985%;
  width: 20px;
  height: 20px;
}
.svg_dialog_expand,
.svg_dialog_expand\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 71.81008902077151%;
  width: 20px;
  height: 20px;
}
.svg_dialog_expand:hover,
.svg_dialog_expand\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 83.67952522255193%;
  width: 20px;
  height: 20px;
}
.svg_dialog_max,
.svg_dialog_max\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 26.050420168067227% 87.53709198813057%;
  width: 20px;
  height: 20px;
}
.svg_dialog_max:hover,
.svg_dialog_max\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 31.65266106442577% 87.53709198813057%;
  width: 20px;
  height: 20px;
}
.svg_dialog_min,
.svg_dialog_min\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 37.254901960784316% 87.53709198813057%;
  width: 20px;
  height: 20px;
}
.svg_dialog_min_hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 48.4593837535014% 87.53709198813057%;
  width: 20px;
  height: 20px;
}
.svg_dialog_min:hover,
.svg_dialog_min\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.44289693593315% 82.59587020648968%;
  width: 18px;
  height: 18px;
}
.svg_dir_detail_default {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 24.918032786885245% 31.0580204778157%;
  width: 72px;
  height: 64px;
}
.svg_dir_detail_default_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 31.4878892733564%;
  width: 76px;
  height: 68px;
}
.svg_download,
.svg_download\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 11.204481792717086% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_download:hover,
.svg_download\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 22.408963585434172% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_edit,
.svg_edit\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 13.597733711048159% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_edit:active,
.svg_edit\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 20.39660056657224% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_email {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 66.1807580174927% 10.526315789473685%;
  width: 34px;
  height: 34px;
}
.svg_empty_logo {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 48.80546075085324% 0;
  width: 84px;
  height: 84px;
}
.svg_encrypted {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.44289693593315% 87.90560471976401%;
  width: 18px;
  height: 18px;
}
.svg_encrypted_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 67.22689075630252% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_file_upload_cancel,
.svg_file_upload_cancel\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.44289693593315% 93.21533923303835%;
  width: 18px;
  height: 18px;
}
.svg_file_upload_cancel:hover,
.svg_file_upload_cancel\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 100%;
  width: 18px;
  height: 18px;
}
.svg_file_upload_error {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 5.013927576601671% 100%;
  width: 18px;
  height: 18px;
}
.svg_file_upload_success {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 13.927576601671309% 100%;
  width: 18px;
  height: 18px;
}
.svg_file_upload_warning {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 33.98328690807799% 100%;
  width: 18px;
  height: 18px;
}
.svg_folder {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 64.86486486486487%;
  width: 24px;
  height: 24px;
}
.svg_folder_expand {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 56.657223796033996% 47.747747747747745%;
  width: 24px;
  height: 24px;
}
.svg_folder_expand_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 19.26345609065156% 56.15615615615616%;
  width: 24px;
  height: 24px;
}
.svg_folder_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 26.062322946175637% 56.15615615615616%;
  width: 24px;
  height: 24px;
}
.svg_folder_opener,
.svg_folder_opener\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 30.26706231454006%;
  width: 20px;
  height: 20px;
}
.svg_folder_opener_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 36.201780415430264%;
  width: 20px;
  height: 20px;
}
.svg_folder_opener:hover,
.svg_folder_opener\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 42.13649851632047%;
  width: 20px;
  height: 20px;
}
.svg_help {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 85.6353591160221% 86.25730994152046%;
  width: 15px;
  height: 15px;
}
.svg_ic_translate {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 65.8753709198813%;
  width: 20px;
  height: 20px;
}
.svg_ic_translate_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 32.861189801699716% 56.15615615615616%;
  width: 24px;
  height: 24px;
}
.svg_ic_upload {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 77.74480712166172%;
  width: 20px;
  height: 20px;
}
.svg_icon_image_turn_left,
.svg_icon_image_turn_left\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 39.6600566572238% 56.15615615615616%;
  width: 24px;
  height: 24px;
}
.svg_icon_image_turn_left:hover,
.svg_icon_image_turn_left\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 46.45892351274787% 56.15615615615616%;
  width: 24px;
  height: 24px;
}
.svg_icon_image_turn_right,
.svg_icon_image_turn_right\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 53.257790368271955% 56.15615615615616%;
  width: 24px;
  height: 24px;
}
.svg_icon_image_turn_right:hover,
.svg_icon_image_turn_right\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 30.311614730878187% 66.36636636636636%;
  width: 24px;
  height: 24px;
}
.svg_list,
.svg_list\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 9.912536443148689% 56.15615615615616%;
  width: 34px;
  height: 24px;
}
.svg_list_mac,
.svg_list_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 48.328267477203646%;
  width: 44px;
  height: 28px;
}
.svg_list_mac:active,
.svg_list_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 28.22822822822823% 8.206686930091186%;
  width: 44px;
  height: 28px;
}
.svg_list:hover,
.svg_list\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 48.39650145772595% 47.747747747747745%;
  width: 34px;
  height: 24px;
}
.svg_logo {
  background: url(../images/logo.PNG) no-repeat;
  background-position: 0 0;
  width: 143px;
  height: 27px;
}
.svg_logo_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_meta,
.svg_meta\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 5.602240896358543% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_meta_mac,
.svg_meta_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 57.507082152974505% 66.36636636636636%;
  width: 24px;
  height: 24px;
}
.svg_meta_mac:active,
.svg_meta_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 64.30594900849859% 66.36636636636636%;
  width: 24px;
  height: 24px;
}
.svg_meta:hover,
.svg_meta\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 16.80672268907563% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_mode_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 28.969359331476323% 100%;
  width: 18px;
  height: 18px;
}
.svg_more,
.svg_more\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 28.011204481792717% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_more_mac,
.svg_more_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 6.798866855524079% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_more_mac:active,
.svg_more_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 13.597733711048159% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_more:hover,
.svg_more\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 44.817927170868344% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_multi_drag {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 65.0429799426934% 38.53211009174312%;
  width: 28px;
  height: 30px;
}
.svg_myshare {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 18.941504178272982% 100%;
  width: 18px;
  height: 18px;
}
.svg_myshare_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 56.022408963585434% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_myshare_network_error {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 9.215017064846416%;
  width: 94px;
  height: 64px;
}
.svg_new_page,
.svg_new_page\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 40.79320113314448% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_new_page:active,
.svg_new_page\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 47.59206798866855% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_notesearch_mac,
.svg_notesearch_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 54.390934844192635% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_notesearch_mac:active,
.svg_notesearch_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 61.18980169971671% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_notesearch_next_mac,
.svg_notesearch_next_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 9.917355371900827% 100%;
  width: 14px;
  height: 18px;
}
.svg_notesearch_next_mac:active,
.svg_notesearch_next_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 93.66391184573003% 94.10029498525074%;
  width: 14px;
  height: 18px;
}
.svg_notesearch_pre_mac,
.svg_notesearch_pre_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 58.40220385674931% 55.1622418879056%;
  width: 14px;
  height: 18px;
}
.svg_notesearch_pre_mac:active,
.svg_notesearch_pre_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 98.34710743801652% 56.04719764011799%;
  width: 14px;
  height: 18px;
}
.svg_office_edit {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 7.207207207207207%;
  width: 24px;
  height: 24px;
}
.svg_pdf-fullscreen {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 20% 87.53709198813057%;
  width: 22px;
  height: 20px;
}
.svg_pdf-page-next {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 71.5068493150685% 67.621776504298%;
  width: 12px;
  height: 8px;
}
.svg_pdf-page-prev {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.79452054794521% 67.621776504298%;
  width: 12px;
  height: 8px;
}
.svg_pdf-zoom-in {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 64.46280991735537% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.svg_pdf-zoom-out {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 86.22589531680441% 82.05128205128206%;
  width: 14px;
  height: 6px;
}
.svg_preview_close,
.svg_preview_close\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 48.07121661721068%;
  width: 20px;
  height: 20px;
}
.svg_preview_close:hover,
.svg_preview_close\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 54.00593471810089%;
  width: 20px;
  height: 20px;
}
.svg_preview_dl,
.svg_preview_dl\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 39.879154078549846%;
  width: 26px;
  height: 26px;
}
.svg_preview_dl:hover,
.svg_preview_dl\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 8.459214501510575%;
  width: 26px;
  height: 26px;
}
.svg_preview_fit_size,
.svg_preview_fit_size\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 16.31419939577039%;
  width: 26px;
  height: 26px;
}
.svg_preview_fit_size:hover,
.svg_preview_fit_size\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 47.73413897280967%;
  width: 26px;
  height: 26px;
}
.svg_preview_origin_size,
.svg_preview_origin_size\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 24.169184290030213%;
  width: 26px;
  height: 26px;
}
.svg_preview_origin_size:hover,
.svg_preview_origin_size\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 23.076923076923077% 66.76737160120845%;
  width: 26px;
  height: 26px;
}
.svg_preview_rotation,
.svg_preview_rotation\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 65.22988505747126% 54.98489425981873%;
  width: 29px;
  height: 26px;
}
.svg_preview_rotation:hover,
.svg_preview_rotation\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 66.76737160120845%;
  width: 29px;
  height: 26px;
}
.svg_preview_turn_left {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 27.195467422096318% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_preview_turn_right {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 33.994334277620396% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_preview_zoom_in,
.svg_preview_zoom_in\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 55.58912386706949%;
  width: 26px;
  height: 26px;
}
.svg_preview_zoom_in:hover,
.svg_preview_zoom_in\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 63.4441087613293%;
  width: 26px;
  height: 26px;
}
.svg_preview_zoom_out,
.svg_preview_zoom_out\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 8.262108262108262% 66.76737160120845%;
  width: 26px;
  height: 26px;
}
.svg_preview_zoom_out:hover,
.svg_preview_zoom_out\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 15.66951566951567% 66.76737160120845%;
  width: 26px;
  height: 26px;
}
.svg_qq {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 66.1807580174927% 0;
  width: 34px;
  height: 34px;
}
.svg_recent {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.78753541076487% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_recent_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.58640226628896% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_recent_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 0;
  width: 24px;
  height: 24px;
}
.svg_restore,
.svg_restore\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 6.25%;
  width: 20px;
  height: 21px;
}
.svg_restore_mac,
.svg_restore_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 14.414414414414415%;
  width: 24px;
  height: 24px;
}
.svg_restore_mac:active,
.svg_restore_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 21.62162162162162%;
  width: 24px;
  height: 24px;
}
.svg_restore:hover,
.svg_restore\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 0;
  width: 20px;
  height: 21px;
}
.svg_root {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 36.03603603603604%;
  width: 24px;
  height: 24px;
}
.svg_root_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 43.24324324324324%;
  width: 24px;
  height: 24px;
}
.svg_search {
  background: url(images/search.png) no-repeat;
  background-position: 88.6685552407932% 50.450450450450454%;
  width: 24px;
  height: 24px;
}
.svg_search_clear,
.svg_search_clear\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.44289693593315% 77.28613569321534%;
  width: 18px;
  height: 18px;
}
.svg_search_clear:active,
.svg_search_clear\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.44289693593315% 71.976401179941%;
  width: 18px;
  height: 18px;
}
.svg_select_dropdown {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 65.4178674351585% 47.12990936555891%;
  width: 30px;
  height: 26px;
}
.svg_send_group {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.38888888888889% 86.25730994152046%;
  width: 17px;
  height: 15px;
}
.svg_send_org {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 13.559322033898304% 87.53709198813057%;
  width: 23px;
  height: 20px;
}
.svg_share,
.svg_share\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 78.43137254901961% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_share_mac,
.svg_share_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 88.58858858858859%;
  width: 24px;
  height: 24px;
}
.svg_share_mac:active,
.svg_share_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 79.27927927927928%;
  width: 24px;
  height: 24px;
}
.svg_shared {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 23.955431754874652% 100%;
  width: 18px;
  height: 18px;
}
.svg_shared_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.72067039106145% 5.9347181008902075%;
  width: 19px;
  height: 20px;
}
.svg_share:hover,
.svg_share\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 11.869436201780415%;
  width: 20px;
  height: 20px;
}
.svg_sidebar_collapse_create {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.44289693593315% 50.73746312684366%;
  width: 18px;
  height: 18px;
}
.svg_sidebar_expand {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 23.46041055718475%;
  width: 20px;
  height: 16px;
}
.svg_sidebar_grade_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 28.82882882882883%;
  width: 24px;
  height: 24px;
}
.svg_sidebar_tag {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 7.207207207207207%;
  width: 24px;
  height: 24px;
}
.svg_sidebar_tag_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 14.414414414414415%;
  width: 24px;
  height: 24px;
}
.svg_sidebar_vip_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 6.798866855524079% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_stick_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 17.80415430267062%;
  width: 20px;
  height: 20px;
}
.svg_tag,
.svg_tag\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 0;
  width: 20px;
  height: 20px;
}
.svg_tag_delete_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.44289693593315% 61.35693215339233%;
  width: 18px;
  height: 18px;
}
.svg_tag_mac,
.svg_tag_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 72.07207207207207%;
  width: 24px;
  height: 24px;
}
.svg_tag_mac:active,
.svg_tag_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 57.65765765765766%;
  width: 24px;
  height: 24px;
}
.svg_tag:hover,
.svg_tag\:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 50.42016806722689% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_trash {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 67.98866855524079% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_trash_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 43.24324324324324%;
  width: 24px;
  height: 24px;
}
.svg_trash_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 36.03603603603604%;
  width: 24px;
  height: 24px;
}
.svg_tree_encrypted {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 28.82882882882883%;
  width: 24px;
  height: 24px;
}
.svg_tree_encrypted_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 21.62162162162162%;
  width: 24px;
  height: 24px;
}
.svg_tree_encrypted_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 6.798866855524079% 88.58858858858859%;
  width: 24px;
  height: 24px;
}
.svg_tree_myshare {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.78753541076487% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_tree_myshare_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 67.98866855524079% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_tree_myshare_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 33.994334277620396% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_tree_shared {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 27.195467422096318% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_tree_shared_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 20.39660056657224% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_tree_shared_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.svg_tree_unlocked {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 50.70821529745042% 66.36636636636636%;
  width: 24px;
  height: 24px;
}
.svg_tree_unlocked_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 43.90934844192635% 66.36636636636636%;
  width: 24px;
  height: 24px;
}
.svg_tree_unlocked_selected {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 37.110481586402265% 66.36636636636636%;
  width: 24px;
  height: 24px;
}
.svg_unlocked {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 44.01114206128134% 100%;
  width: 18px;
  height: 18px;
}
.svg_unlocked_mac {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 59.9406528189911%;
  width: 20px;
  height: 20px;
}
.svg_upload_mac,
.svg_upload_mac\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 61.18980169971671% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_upload_mac:active,
.svg_upload_mac\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 54.390934844192635% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_view,
.svg_view\:regular {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 47.59206798866855% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_view:active,
.svg_view\:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 40.79320113314448% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.svg_vip {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 72.82913165266106% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_vip_false {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 61.62464985994398% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.svg_vip_true {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 54.061624649859944% 87.53709198813057%;
  width: 20px;
  height: 20px;
}
.svg_weibo {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 57.89473684210526%;
  width: 34px;
  height: 34px;
}
.svg_weixin {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 66.1807580174927% 28.48297213622291%;
  width: 34px;
  height: 34px;
}
svg.file_icon_small {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}
svg.folder_icon_small {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}
svg.file_icon {
  width: 24px;
  height: 26px;
  vertical-align: middle;
}
svg.folder_icon {
  width: 26px;
  height: 26px;
  vertical-align: middle;
}
svg.file_icon_large {
  width: 30px;
  height: 34px;
}
svg.folder_icon_large {
  width: 30px;
  height: 26px;
}
svg.file_icon_xlarge {
  width: 45px;
  height: 51px;
  vertical-align: middle;
}
svg.icon-select {
  width: 26px;
  height: 22px;
  position: absolute;
  top: 5px;
  right: 0px;
  pointer-events: none;
}
/* svg:not([width]):not([height]) {
    width: 1em;
    height: 1em;
} */
svg:not([fill]) {
  fill: currentColor;
}
.btn {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  padding: 0 5px;
  line-height: 32px;
  color: #ffffff;
  background: #398dee;
  border-radius: 2px;
  border: 1px solid #398dee;
  cursor: pointer;
  outline: none;
}
.btn:hover {
  background: #337ed5;
  border: 1px solid #337ed5;
}
.btn:active {
  background: #337ed5;
  border: 1px solid #337ed5;
}
.btn:disabled,
.btn[disabled] {
  cursor: default;
  border-color: #dbdbdb !important;
  background: #ebebeb !important;
  color: #989898 !important;
}
.btn.disabled {
  cursor: default;
  border-color: #dbdbdb !important;
  background: #ebebeb !important;
  color: #989898 !important;
}
.btn.gray {
  color: #333;
  background: #f2f4f5;
  border-color: #96999c;
}
.btn.gray:hover {
  background: #f2f4f5;
}
.btn.gray:active {
  background: #e0e2f8;
}
.btn.blue {
  color: #fff;
  background: #398dee;
  border-color: #398dee;
}
.btn.blue:hover {
  background: #337ed5;
}
.btn.light {
  background: #afc8e2;
  border: 1px solid #afc8e2;
}
.btn.light:hover {
  color: #fff;
  background: #398dee;
  border-color: #398dee;
}
.btn.light:hover:hover {
  background: #337ed5;
}
.btn.red {
  background-color: #ee4239;
  border: 1px solid #ee4239;
}
.btn.red:hover {
  background-color: #db362d;
}
.btn.primary {
  color: #fff;
  background: #398dee;
  border-color: #398dee;
}
.btn.primary:hover {
  background: #337ed5;
}
.btn.cancel {
  color: #82b6f4;
  background-color: #fff;
  border-color: #5d9be3;
}
.btn.cancel:hover {
  border-color: #398dee;
  background: -webkit-linear-gradient(top, #f0f0f0, #fff);
}
.btn.dismiss {
  background-color: #ee4239;
  border: 1px solid #ee4239;
}
.btn.dismiss:hover {
  background-color: #db362d;
}
.btn.delete {
  color: #f48282;
  background-color: #fff;
  border-color: #f48282;
}
.btn.delete:hover,
.btn.delete:active {
  color: #d97373;
  border-color: #f69595;
}
/**
 * selectize.default.css (v0.8.5) - Default Theme
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  visibility: visible !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: #303030;
  opacity: 0.4;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  float: left;
  border-top: 0 none;
  border-right: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 17px;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: inherit;
  line-height: 18px;
  color: #303030;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: #ffffff;
}
.selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  padding: 8px 8px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}
.selectize-input.full {
  background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: baseline;
  zoom: 1;
}
.selectize-control.multi .selectize-input > div {
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #ffffff;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #0073bb;
}
.selectize-control.multi .selectize-input > div.active {
  color: #ffffff;
  background: #92c836;
  border: 1px solid #00578d;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}
.selectize-input > input {
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-user-select: auto !important;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  display: block;
  clear: left;
  content: ' ';
}
.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #f0f0f0;
  content: ' ';
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -1px 0 0 0;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-top: 0 none;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  cursor: default;
  background: #ffffff;
}
.selectize-dropdown .active {
  color: #495c68;
  background-color: #f5fafd;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' ';
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-color: transparent transparent #808080 transparent;
  border-width: 0 5px 5px 5px;
}
.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: 15px;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5;
}
.selectize-control.multi .selectize-input.has-items {
  padding-right: 5px;
  padding-left: 5px;
}
.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}
.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 29, 167, 0.93333)', endColorstr='rgba(255, 23, 142, 0.91373)', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}
.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 0, 143, 0.84706)', endColorstr='rgba(255, 0, 117, 0.81176)', GradientType=0);
}
.selectize-control.single .selectize-input {
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 254, 254, 0.99608)', endColorstr='rgba(255, 242, 242, 0.94902)', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}
.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-size: 0.85em;
  font-weight: bold;
}
.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}
.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}
.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #e0e1e5;
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
  color: #595959;
}
.selectize-control.single .selectize-input {
  line-height: 22px;
  padding: 5px 10px;
}
.selectize-control.single .selectize-input:after {
  border-top-color: #3a3a3a;
  border-width: 5px 4px 0 4px;
  right: 10px;
}
.selectize-control.single .selectize-input.focus {
  border-color: #b9d3f2;
}
.selectize-control.single .selectize-input.selectize-focus {
  border-color: #e0e1e5 !important;
}
.selectize-dropdown.single {
  line-height: 24px;
  padding: 0;
  top: 35px;
}
.widget-bubble {
  position: absolute;
  display: none;
  height: 22px;
  padding: 1px 6px;
  z-index: 10000;
  font-size: 12px;
  line-height: 22px;
  font-style: normal;
  color: #ffffff;
  border-radius: 3px;
  opacity: 0;
  background-color: rgba(11, 33, 66, 0.6);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.widget-bubble .arrow {
  position: absolute;
  left: 0;
  top: 24px;
  width: 0;
  height: 0;
  opacity: 0.6;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #0B2142;
}
.widget-bubble.complete {
  background-color: rgba(74, 144, 226, 0.8);
}
.widget-bubble.complete .arrow {
  border-top: 5px solid #4A90E2;
  opacity: 0.8;
}
.widget-bubble.active {
  opacity: 1;
}
.no-flash-error {
  margin: 0 30px 30px 30px;
  min-width: 332px;
  /*min-height: 158px;*/
  color: #595959;
}
.no-flash-error .hint {
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.no-flash-error .text {
  margin-top: 10px;
  border: solid 1px rgba(82, 168, 236, 0.8);
  width: 100%;
  padding: 3px 5px;
}
.comment-hd {
  line-height: 20px;
  position: relative;
}
.comment-hd .comment-title {
  font-size: 14px;
  color: #888;
}
.comment-hd .toggle-comment {
  position: absolute;
  top: 2px;
  right: 0px;
  cursor: pointer;
  z-index: 1;
}
.comment {
  margin-top: 10px;
}
.comment .comment-send {
  position: relative;
  margin-bottom: 10px;
}
.comment .comment-send .comment-input {
  width: 100%;
  box-sizing: border-box;
  height: 40px;
  line-height: 28px;
  vertical-align: middle;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid #e0e1e5;
  box-shadow: none;
}
.comment .comment-send .comment-input:focus {
  border-color: #b9d3f2;
  line-height: 22px;
}
.comment .comment-send .comment-send-emoji {
  display: none;
  vertical-align: middle;
  position: absolute;
  bottom: -25px;
  left: 0;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.comment .comment-send .comment-send-emoji .hover {
  display: none;
}
.comment .comment-send .comment-send-emoji .default {
  display: block;
}
.comment .comment-send .comment-send-emoji:hover .default {
  display: none;
}
.comment .comment-send .comment-send-emoji:hover .hover {
  display: block;
}
.comment .comment-send .comment-sendBtn {
  display: none;
  vertical-align: middle;
  position: absolute;
  bottom: -35px;
  right: 0;
  padding: 0px 13px;
  line-height: 26px;
}
.comment .comment-bd .comment-loading {
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.comment .comment-bd .comment-list .item .item-container {
  padding: 10px 0;
  position: relative;
}
.comment .comment-bd .comment-list .item .photo {
  float: left;
  width: 36px;
  border-radius: 18px;
}
.comment .comment-bd .comment-list .item .item-bd {
  margin-left: 48px;
}
.comment .comment-bd .comment-list .item .item-bd .commenter-name {
  width: 200px;
}
.comment .comment-bd .comment-list .item .item-bd .commenter-name .commenter {
  color: #555;
  font-weight: bold;
  margin-right: 4px;
}
.comment .comment-bd .comment-list .item .item-bd .commenter-name .replyed-commenter {
  color: #bbb;
}
.comment .comment-bd .comment-list .item .item-bd .comment-content {
  color: #797979;
  margin: 10px 0;
  word-break: break-all;
}
.comment .comment-bd .comment-list .item .item-bd .time {
  color: #aaa9a9;
}
.comment .comment-bd .comment-list .item .item-bd .comment-error {
  float: right;
  color: #fd3232;
}
.comment .comment-bd .comment-list .item .item-bd .replyed-container {
  margin: 20px 0 10px 0px;
  color: #bbb;
  background: #f6f7f9;
  word-break: break-all;
  padding: 10px;
  position: relative;
  border-radius: 4px;
}
.comment .comment-bd .comment-list .item .item-bd .replyed-container .arrow {
  width: 0;
  height: 0;
  border-right: 9px solid transparent;
  border-bottom: 12px solid #f6f7f9;
  position: absolute;
  top: -10px;
  left: 0px;
}
.comment .comment-bd .comment-list .item .item-bd .replyed-container .comment-content {
  margin: 0px;
  color: #595959;
}
.comment .comment-bd .comment-list .item .item-bd .replyed-container .comment-content .emoji {
  vertical-align: bottom;
}
.comment .comment-bd .comment-list .item .item-bd .replyed-container .comment-split {
  height: 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  margin: 10px 0;
}
.comment .comment-bd .comment-list .item .item-bd .replyed-container .replyed-comment .emoji {
  vertical-align: bottom;
}
.comment .comment-bd .comment-list .item .item-bd .action {
  display: none;
  float: right;
  z-index: 1000;
  cursor: pointer;
}
.comment .comment-bd .comment-list .item .item-bd .action .operation-split {
  margin: 0 8px;
  position: relative;
  top: 2px;
  width: 1px;
  height: 12px;
  background: rgba(148, 157, 166, 0.36);
}
.comment .comment-bd .comment-list .item .item-bd .action span {
  display: inline-block;
  color: #9199af;
}
.comment .comment-bd .comment-list .item .item-bd .action.collapse-reply {
  display: block;
}
.comment .comment-bd .comment-list .item .item-bd:hover .action {
  display: block;
}
.comment .comment-bd .comment-list .item .item-reply {
  position: relative;
}
.comment .comment-bd .comment-list .item .item-reply .reply-comment {
  position: relative;
  margin-left: 48px;
}
.comment .comment-bd .comment-list .item .item-reply .reply-comment .comment-reply-input {
  width: 100%;
  height: 40px;
  line-height: 28px;
  vertical-align: middle;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 4px;
  border: 1px solid #e0e1e5;
}
.comment .comment-bd .comment-list .item .item-reply .reply-comment .comment-reply-input:focus {
  border-color: #b9d3f2;
}
.comment .comment-bd .comment-list .item .item-reply .reply-comment .comment-reply-emoji {
  display: none;
  vertical-align: middle;
  position: absolute;
  bottom: -25px;
  left: 0;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.comment .comment-bd .comment-list .item .item-reply .reply-comment .comment-reply-emoji .hover {
  display: none;
}
.comment .comment-bd .comment-list .item .item-reply .reply-comment .comment-reply-emoji .default {
  display: block;
}
.comment .comment-bd .comment-list .item .item-reply .reply-comment .comment-reply-emoji:hover .default {
  display: none;
}
.comment .comment-bd .comment-list .item .item-reply .reply-comment .comment-reply-emoji:hover .hover {
  display: block;
}
.comment .comment-bd .comment-list .item .item-reply .reply-comment .comment-reply-sendBtn {
  display: none;
  vertical-align: middle;
  position: absolute;
  bottom: -35px;
  right: 0;
  padding: 0px 13px;
  line-height: 26px;
}
.comment .comment-bd .comment-list .item .comment-version {
  position: relative;
  clear: both;
  margin: 10px 0;
}
.comment .comment-bd .comment-list .item .comment-version .line {
  position: absolute;
  width: 100%;
  top: 10px;
  color: #d5d5d5;
}
.comment .comment-bd .comment-list .item .comment-version .comment-version-container {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  color: #7b7b7b;
  background-color: #fff;
  margin-left: 90px;
  cursor: pointer;
}
.comment-emoji-board {
  position: absolute;
  left: -188px !important;
  top: -140px !important;
  background-color: #e9e9e9;
  border: 1px solid #cccbcb;
  border-radius: 5px;
  text-align: left;
  z-index: 1000;
  padding: 10px 0px 10px 10px;
}
.comment-emoji-board:before {
  content: "";
  position: absolute;
  left: 187px;
  bottom: -15px;
  z-index: 100;
  display: block;
  width: 0;
  height: 0;
  border: 7px dashed transparent;
  border-top: 7px solid #adadad;
}
.comment-emoji-board:after {
  content: "";
  position: absolute;
  left: 187px;
  bottom: -14px;
  z-index: 100;
  display: block;
  width: 0;
  height: 0;
  border: 7px dashed transparent;
  border-top: 7px solid #e9e9e9;
}
date-picker {
  display: block;
  -webkit-user-select: none;
  border-radius: 4px;
  background-color: #fff;
  padding: 4px 30px 20px;
}
date-picker table {
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
date-picker table thead tr th {
  vertical-align: middle;
  font-weight: bold;
}
date-picker table thead tr:first-child {
  padding: 0 33px;
  border-bottom: 1px solid #dcdcdc;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  white-space: nowrap;
}
date-picker table thead tr .prev,
date-picker table thead tr .next {
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  margin: 0 4px;
  position: relative;
  top: -1px;
  cursor: pointer;
}
date-picker table thead tr .prev:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  border-color: transparent #909090 transparent transparent;
  border-style: solid;
  border-width: 4px;
  border-radius: 2px;
}
date-picker table thead tr .next:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 6px;
  right: 3px;
  border-color: transparent transparent transparent #909090;
  border-style: solid;
  border-width: 4px;
  border-radius: 2px;
}
date-picker table thead tr .switch {
  width: 60px;
  display: inline-block;
  line-height: 28px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #393939;
}
date-picker table thead tr:nth-child(2) th {
  overflow: hidden;
  margin: 1px 3px;
  background-color: transparent;
  cursor: default;
  width: 25px;
  height: 20px;
  text-align: center;
  font-weight: normal;
  font-weight: initial;
  color: #999999;
}
date-picker table tbody {
  display: table-row-group;
  vertical-align: middle;
}
date-picker table tbody tr {
  display: block;
  padding-top: 8px;
}
date-picker table tbody tr td {
  font-size: 10px;
  padding: 0;
  vertical-align: middle;
  text-align: center;
  width: 20px;
  height: 20px;
}
date-picker table tbody tr td span {
  display: block;
  float: left;
  border-radius: 4px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-family: STHeiti;
  margin: 1px 3.5px;
  color: #393939;
}
date-picker table tbody tr td span.before {
  background: none;
  color: #ccc !important;
  cursor: default !important;
}
date-picker table tbody tr td span.disabled:hover {
  cursor: default !important;
  background: none;
  pointer-events: none;
}
date-picker table tbody tr td span:hover {
  background: #f0f0f0;
  border-radius: 50%;
  cursor: pointer !important;
}
date-picker table tbody tr td span.now {
  color: #fff;
  background: #398dee;
  border-color: #398dee;
  border-radius: 50%;
}
date-picker table tbody tr td span.selected {
  border-radius: 4px;
}
date-picker table tr {
  display: block;
  padding-top: 8px;
}
#loading-container {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
  z-index: 10;
  -webkit-transform: rotateZ(-16deg);
  transform: rotateZ(-16deg);
}
#loading-container .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
#loading-container .spinner-container > div {
  width: 6px;
  height: 6px;
  background-color: #398dee;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
#loading-container .container2 {
  -webkit-transform: rotateZ(60deg);
  transform: rotateZ(60deg);
}
#loading-container .container3 {
  -webkit-transform: rotateZ(120deg);
  transform: rotateZ(120deg);
}
#loading-container .container4 {
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
#loading-container .container5 {
  -webkit-transform: rotateZ(240deg);
  transform: rotateZ(240deg);
}
#loading-container .container6 {
  -webkit-transform: rotateZ(300deg);
  transform: rotateZ(300deg);
}
#loading-container .container2 .circle1 {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}
#loading-container .circle {
  top: 0;
  left: 0;
}
#loading-container .container2 .circle {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}
#loading-container .container3 .circle {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
#loading-container .container4 .circle {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
#loading-container .container5 .circle {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}
#loading-container .container6 .circle {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}
@-webkit-keyframes bouncedelay {
  0%,
  80%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes bouncedelay {
  0%,
  80%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.inline-search {
  margin-top: 20px;
  margin-left: 6px;
  white-space: nowrap;
}
.inline-search .search-icon {
  display: inline-block;
}
.search-bar .search-result {
  height: 17px;
  font-size: 13px;
  text-align: left;
  color: #666666;
  margin-right: 8px;
  display: inline-block;
}
.search-bar .search-result.none-result {
  color: #dd5656;
}
.search-bar .input-search {
  width: 180px;
  height: 24px;
  margin: 0;
  border-radius: 15px;
  background-color: #ffffff;
  border: solid 1px #bac0c6;
  display: inline-block;
  margin-right: 10px;
}
.search-bar .input-search.focused {
  border-color: #75b3fa;
  box-shadow: 0px 0px 0 1px #75b3fa;
}
.search-bar .input-search .icon-search {
  position: absolute;
  top: 0;
  left: 6px;
}
.search-bar .input-search .search-text {
  width: 140px;
  height: 24px;
  line-height: 16px;
  padding-left: 30px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 15px;
}
.search-bar .search-cancel {
  width: 40px;
  height: 24px;
  border-radius: 3px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(249, 249, 249, 0.7));
  border: solid 1px #e0e1e5;
  display: inline-block;
  color: #666666;
  box-sizing: border-box;
  text-align: center;
  padding: 3px;
}
.search-bar .pre-icon {
  display: inline-block;
  vertical-align: text-bottom;
}
.search-bar .next-icon {
  display: inline-block;
  vertical-align: text-bottom;
}
.search-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 54.390934844192635% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.search-icon:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 61.18980169971671% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.search-icon.disabled {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 54.390934844192635% 74.17417417417417%;
  width: 24px;
  height: 24px;
  opacity: 0.3;
}
.pre-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 58.40220385674931% 55.1622418879056%;
  width: 14px;
  height: 18px;
}
.pre-icon:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 98.34710743801652% 56.04719764011799%;
  width: 14px;
  height: 18px;
}
.next-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 9.917355371900827% 100%;
  width: 14px;
  height: 18px;
}
.next-icon:active {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 93.66391184573003% 94.10029498525074%;
  width: 14px;
  height: 18px;
}
.widget-menu {
  position: absolute;
  z-index: 200;
  background: #ffffff;
  color: #999;
  min-width: 120px;
  padding: 0px 0px;
  border-radius: 2px;
  box-shadow: 0px 1px 16px 0 rgba(90, 109, 122, 0.41);
  cursor: default;
}
.menu-li {
  position: relative;
}
.widget-menu-item {
  line-height: 30px;
  position: relative;
  cursor: default;
  font-style: normal;
  white-space: nowrap;
  padding: 0 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.widget-menu-item .menu-thumb {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  left: 11px;
}
.widget-menu-item .expand-children-menu {
  width: 10px;
  height: 10px;
  float: right;
}
.widget-menu-item .expand-children-menu .arrow {
  position: relative;
  width: 6px;
  height: 8px;
  display: inline-block;
}
.widget-menu-item .expand-children-menu .arrow:before {
  border: 4px solid transparent;
  border-left: 3px solid #adb8c4;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  content: ' ';
}
.widget-menu-item .expand-children-menu .arrow {
  position: relative;
  width: 8px;
  height: 8px;
  display: inline-block;
}
.widget-menu-item .expand-children-menu .arrow:before {
  border: 4px solid transparent;
  border-left: 4px solid #909090;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  content: ' ';
}
.widget-menu-item .children-menu {
  position: absolute;
  top: 0;
  left: 120px;
}
.widget-menu-item .menu-label {
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.widget-menu-item .menu-key {
  font-family: Courier;
}
.widget-menu-item.split-line {
  background: #ebf3fd;
  height: 1px;
}
.widget-menu-item a {
  color: #999;
}
.widget-menu-item:hover {
  color: #76b0f3;
  background: #f4f9ff;
  cursor: pointer;
}
.widget-menu-item:hover a {
  color: #76b0f3;
}
.widget-menu-item.disabled .menu-label {
  color: #c1c1c1;
}
.widget-menu-item.disabled .expand-children-menu .arrow:before {
  border-left-color: #c1c1c1;
}
.widget-menu.disabled .widget-menu-item.can-disabled {
  color: #c1c1c1;
}
.widget-menu-item.zeroclipboard-is-hover {
  color: #76b0f3;
}
.widget-progress {
  display: inline-block;
  height: 8px;
  width: 100%;
  background-color: #e4e4e4;
  border-radius: 4px;
}
.widget-progress-bar {
  height: 8px;
  background-color: #398dee;
  border-radius: 8px;
}
.widget-scroller {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.widget-scroller-wrap {
  overflow: hidden;
  height: 100%;
  width: 100%;
  outline: none;
}
.widget-scroller-bar {
  position: absolute;
  display: block;
  right: 0px;
  z-index: 10;
  width: 10px;
  background: #76B0F3;
  border-radius: 0;
  -webkit-opacity: 0.3;
  opacity: 0.3;
}
.input-search {
  position: relative;
  margin: 8px 20px;
}
.input-search .icon-search {
  position: absolute;
  top: 0px;
  left: 6px;
}
.input-search .icon-search-clear {
  position: absolute;
  top: 3px;
  right: 6px;
}
.input-search .search-text {
  width: 200px;
  height: 24px;
  line-height: 16px;
  padding-left: 30px;
  box-sizing: border-box;
  border: 1px solid #bac0c6;
  border-radius: 15px;
}
.input-search.disabled {
  opacity: 0.5;
}
.search-select-wrap {
  width: 100%;
  color: #999;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0px 1px 16px 0 rgba(90, 109, 122, 0.41);
  z-index: 999;
  position: absolute;
  left: 0;
  top: 38px;
  padding: 8px 0;
  word-break: keep-all;
}
.search-select-wrap span {
  padding-left: 8px;
  vertical-align: middle;
}
.search-select-wrap .select-tab1 {
  display: inline-block;
  max-width: 72px;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.search-select-wrap .select-tab1,
.search-select-wrap .select-tab2 {
  padding: 2px 8px;
  border-radius: 10px;
}
.search-select-wrap span.selected {
  color: #76b0f3;
  background: #f4f9ff;
}
.search-select-wrap.mac {
  top: 24px;
  color: #333333;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}
.search-select-wrap.mac span.selected {
  background-color: #f2f2f2;
  color: #333333;
}
widget-select .widget-select {
  height: 34px;
}
widget-select .select-selection {
  padding-left: 10px;
  height: 34px;
  line-height: 34px;
  background-color: #fff;
}
widget-select .select-selection:hover {
  cursor: pointer;
}
widget-select .select-selection::after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #3a3a3a transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  content: ' ';
}
widget-select ul {
  color: #999;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 1px 16px 0 rgba(90, 109, 122, 0.41);
  overflow-y: auto;
  max-height: 200px;
}
widget-select ul li {
  padding: 0 20px;
  line-height: 40px;
  white-space: nowrap;
  cursor: pointer;
}
widget-select ul li:hover {
  color: #76b0f3;
  background-color: #f4f9ff;
}
.widget-upload-btn {
  position: relative;
  overflow: hidden;
}
.widget-upload-btn input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  right: -1px;
  top: -1px;
  margin: 0 !important;
  height: 30px;
  padding: 0px;
}
.widget-upload-btn span {
  font-size: 12px;
}
.widget-upload-swf {
  position: relative;
}
.widget-upload-swf object {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100% !important;
  height: 100% !important;
}
.widget-dialog.user-info .widget-dialog-body {
  overflow: visible;
}
.widget-dialog.user-info .widget-dialog-body .container {
  padding: 0 30px;
}
.widget-dialog.user-info .own-info {
  position: relative;
}
.widget-dialog.user-info .own-info .userIcon {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  cursor: pointer;
  position: relative;
  top: 5px;
}
.widget-dialog.user-info .own-info .own-vip {
  position: absolute;
  right: -3px;
  bottom: 4px;
}
.widget-dialog.user-info .user-info-hd .items-key,
.widget-dialog.user-info .user-info-hd .items-value {
  display: inline-block;
  vertical-align: middle;
  color: #868686;
}
.widget-dialog.user-info .user-info-hd .items-value {
  padding-left: 27px;
}
.widget-dialog.user-info .user-info-hd .user-info-item-left,
.widget-dialog.user-info .user-info-hd .user-info-item-right {
  display: inline-block;
  vertical-align: middle;
}
.widget-dialog.user-info .user-info-hd .user-info-item-right {
  margin-left: 20px;
}
.widget-dialog.user-info .user-info-hd .user-info-item-right .changeIcon {
  margin-top: 6px;
  display: block;
  width: 80px;
  height: 24px;
  padding: 0;
  line-height: 24px;
}
.widget-dialog.user-info .user-info-hd .user-info-item-right .upload-hint {
  color: #868686;
}
.widget-dialog.user-info .user-info-bd .nickname-used {
  padding-left: 63px;
  line-height: 1;
  padding-top: 4px;
}
.widget-dialog.user-info .user-info-bd .item {
  margin-top: 10px;
  height: 34px;
}
.widget-dialog.user-info .user-info-bd .item label {
  margin-right: 20px;
  cursor: pointer;
}
.widget-dialog.user-info .user-info-bd .item label .label-radio {
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #e0e1e5;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 0 3px #e0e1e5 inset;
}
.widget-dialog.user-info .user-info-bd .item label input[type=radio] {
  display: none;
}
.widget-dialog.user-info .user-info-bd .item label input[type=radio]:checked + .label-radio {
  border-color: #398dee;
  box-shadow: none;
  border-width: 3px;
}
.widget-dialog.user-info .user-info-bd .item .items-key {
  display: inline-block;
  vertical-align: middle;
  color: #868686;
}
.widget-dialog.user-info .user-info-bd .item .items-value {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
  color: #595959;
  -webkit-user-select: text;
  cursor: text;
}
.widget-dialog.user-info .user-info-bd .item .items-value .location-styled-select {
  border: 1px solid #e0e1e5;
  color: #595959;
  overflow: visible !important;
  display: inline-block;
  vertical-align: middle;
  width: 134px;
  position: relative;
}
.widget-dialog.user-info .user-info-bd .item .items-value .location-styled-select.city {
  margin-left: 10px;
}
.widget-dialog.user-info .user-info-bd .item .items-value .location-styled-select:first-child {
  margin-left: -2px;
}
.widget-dialog.user-info .user-info-bd .item .items-value.float-right {
  float: right;
  margin-left: 0;
}
.widget-dialog.user-info .user-info-bd .item input.items-value,
.widget-dialog.user-info .user-info-bd .item textarea.items-value {
  padding: 5px 10px;
  line-height: 22px;
  width: 264px;
}
.widget-dialog.user-info .user-info-bd .item .user-info-signature {
  height: 60px;
}
.widget-dialog.user-info .user-info-bd .item.align-top {
  height: 72px;
}
.widget-dialog.user-info .user-info-bd .item.align-top .items-key {
  vertical-align: top;
}
.widget-dialog.account-info .widget-dialog-header {
  margin: 0;
}
.widget-dialog.account-info .container.account-info {
  color: #868686;
}
.widget-dialog.account-info .container.account-info .account-info-top {
  background-image: linear-gradient(to bottom, #f7f7f8, #e3e3e3);
  padding: 20px 30px 10px;
}
.widget-dialog.account-info .container.account-info .account-info-body {
  padding: 20px 30px;
}
.widget-dialog.account-info .container.account-info .item .items-key {
  display: inline-block;
  vertical-align: middle;
  color: #868686;
  min-width: 48px;
  text-align: right;
}
.widget-dialog.account-info .container.account-info .item .items-value {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  color: #595959;
  -webkit-user-select: text;
  cursor: text;
}
.widget-dialog.account-info .container.account-info .item .items-value.link {
  color: #398dee;
}
.widget-dialog.account-info .container.account-info .item.space-use {
  position: relative;
  text-align: center;
  height: 100px;
}
.widget-dialog.account-info .container.account-info .item.space-use svg {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.widget-dialog.account-info .container.account-info .item.space-use:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: attr(data-percent);
  font-size: 20px;
  font-weight: 600;
  color: #338af1;
}
.widget-dialog.account-info .container.account-info .item.space-between {
  margin-top: 15px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.widget-dialog.account-info .container.account-info .vip-icon {
  position: relative;
  top: 18px;
  width: 26px;
  height: 26px;
  padding: 5px;
  margin: 0 auto;
  opacity: 0.98;
  border-radius: 18px;
  background-color: #fff;
  box-shadow: 0 4px 6px 0 rgba(51, 138, 241, 0.1);
  z-index: 1;
}
.widget-dialog.account-info .container.account-info .vip-description {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.6);
  color: #868686;
  line-height: 1.64;
  font-size: 11px;
}
.widget-dialog.account-info .container.account-info .vip-description ul {
  list-style: disc;
  margin-top: 10px;
  padding-left: 15px;
}
.widget-dialog.account-info .container.account-info .upgrade-vip {
  margin-top: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.user-phone-dialog .widget-dialog-header {
  margin-bottom: 0 !important;
}
.user-phone-dialog.change .user-phone .left,
.user-phone-dialog.change .user-phone .split {
  display: none;
}
.user-phone-dialog .widget-dialog-container {
  overflow: hidden;
}
.user-phone-dialog .close-text {
  font-size: 14px;
  color: #999999;
}
.user-phone-dialog .title {
  font-size: 14px;
  color: #5a5a5a;
  font-weight: bold;
}
.user-phone-dialog .user-phone {
  padding: 0 32px;
  color: #5a5a5a;
}
.user-phone-dialog .user-phone .left,
.user-phone-dialog .user-phone .right,
.user-phone-dialog .user-phone .split {
  display: inline-block;
  vertical-align: top;
}
.user-phone-dialog .user-phone .left {
  margin-top: 42px;
  width: 30%;
  color: #5a5a5a;
}
.user-phone-dialog .user-phone .left .left-header {
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 20px;
}
.user-phone-dialog .user-phone .left li {
  line-height: 1.8;
  margin-bottom: 12px;
}
.user-phone-dialog .user-phone .split {
  height: 250px;
  width: 2px;
  background-color: #e0e1e5;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 47px;
}
#commonHeader .widget-dialog-container .widget-dialog-header {
  margin-bottom: 0px;
  background: none;
  border: none;
}
#commonHeader .widget-dialog-container .widget-dialog-header .dialog-close {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
#commonHeader .widget-dialog-container .phone-error {
  position: absolute;
  left: 128px;
  top: 210px;
  color: #fa5b5b;
}
.widget-dialog.bind-phone .widget-dialog-container {
  height: 386px;
  background: #f6f6f7;
}
.widget-dialog.bind-phone .widget-dialog-header {
  margin-bottom: 0px;
  background: none;
  border: none;
}
.widget-dialog.bind-phone .widget-dialog-header .dialog-close {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.widget-dialog.bind-phone .phone-error {
  position: absolute;
  left: 128px;
  top: 210px;
  color: #fa5b5b;
}
.widget-dialog.bind-phone .container .header {
  position: relative;
}
.widget-dialog.bind-phone .container .header .ignore {
  position: absolute;
  right: 20px;
  top: -35px;
  color: #999999;
}
.widget-dialog.bind-phone .container .main {
  padding-left: 74px;
  overflow: hidden;
}
.widget-dialog.bind-phone .container .main .left-panel,
.widget-dialog.bind-phone .container .main .right-panel {
  float: left;
}
.widget-dialog.bind-phone .container .main .left-panel {
  width: 215px;
  margin: 41px 26px 0 0;
}
.widget-dialog.bind-phone .container .main .left-panel .title {
  height: 20px;
  text-align: left;
  text-indent: -14px;
  margin-bottom: 20px;
  font-size: 14px;
}
.widget-dialog.bind-phone .container .main .left-panel .content {
  width: 215px;
  color: #666666;
}
.widget-dialog.bind-phone .container .main .left-panel .content li {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 12px;
}
.widget-dialog.bind-phone .container .main .right-panel {
  width: 320px !important;
}
.widget-dialog.bind-phone .container .main .right-panel .telephone {
  display: -webkit-flex;
  display: flex;
}
.widget-dialog.bind-phone .container .main .right-panel .telephone .phone-list {
  -webkit-flex: 1;
          flex: 1;
}
.widget-dialog.bind-phone .container .main .right-panel .security {
  display: -webkit-flex;
  display: flex;
}
.widget-dialog.bind-phone .container .main .right-panel .security > input {
  -webkit-flex: 1;
          flex: 1;
  width: 100px;
}
.widget-dialog.bind-phone .container .main .right-panel .finish {
  width: 100%;
}
.widget-dialog.bind-phone .container .main .right-panel button:disabled {
  background-color: aquamarine;
}
.widget-dialog.change-phone .widget-dialog-header {
  margin-bottom: 0px;
  background: none;
  border: none;
}
.widget-dialog.change-phone .widget-dialog-header .dialog-close {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.widget-dialog.change-phone .phone-error {
  position: absolute;
  left: 128px;
  top: 210px;
  color: #fa5b5b;
}
.widget-dialog.bind-success .widget-dialog-header {
  margin-bottom: 0px;
  background: none;
  border: none;
}
.widget-dialog.bind-success .widget-dialog-header .dialog-close {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.widget-dialog.bind-success .phone-error {
  position: absolute;
  left: 128px;
  top: 210px;
  color: #fa5b5b;
}
.widget-dialog.bind-success .widget-dialog-container {
  height: 374px;
  background: #f6f6f7;
}
.widget-dialog.bind-success .container {
  width: 282px;
  margin: 0 auto;
}
.widget-dialog.bind-success .container p {
  font-size: 13px;
  margin: 16px 0;
}
.widget-dialog.bind-success .container p + button {
  display: block;
  margin: 0 auto;
  width: 90px;
  height: 30px;
  background: #338af1;
  color: #fff;
  border-radius: 15px;
  border: none;
}
.widget-dialog.bind-success .container .success-bg {
  display: block;
  margin: 0 auto;
  width: 282px;
  height: 161px;
}
.widget-dialog.user-setting .widget-dialog-body {
  overflow: visible;
}
.widget-dialog.user-setting .widget-dialog-body .container {
  padding: 0 30px;
}
.widget-dialog.user-setting .item {
  margin-top: 10px;
  height: 34px;
}
.widget-dialog.user-setting .item .items-key {
  display: inline-block;
  vertical-align: middle;
  color: #868686;
}
.widget-dialog.user-setting .item .items-value {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
  color: #595959;
  -webkit-user-select: text;
  cursor: text;
}
.widget-dialog.user-setting .item .items-value .styled-select {
  display: inline-block;
  vertical-align: middle;
  width: 185px;
  position: relative;
  background: #fff;
  border: 1px solid #e0e1e5;
}
.widget-dialog.user-setting .item .items-value .styled-select.top {
  z-index: 1;
}
.widget-dialog.user-setting .item .items-value.float-right {
  float: right;
  margin-left: 0;
}
.widget-dialog.user-setting .item .selectize-input {
  height: 32px;
}
.widget-dialog.user-setting .item input.items-value,
.widget-dialog.user-setting .item textarea.items-value {
  padding: 5px 10px;
  line-height: 22px;
  width: 264px;
}
.explorer-wait {
  z-index: 20;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.explorer-wait .mask {
  background: #f2f2f2;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
.explorer-wait .msg {
  z-index: 21;
  position: absolute;
  text-align: center;
  top: 50%;
  margin-top: -20px;
  width: 100%;
}
.explorer-wait .msg > p {
  background: #dde5f2;
  border: 1px solid #a4c0e8;
  color: #504e4e;
  padding: 8px 13px;
  display: inline-block;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.23);
}
.widget-container {
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
  z-index: 1000;
}
.widget-container .widget-hint {
  position: relative;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  text-align: center;
  border-radius: 0 0 4px 4px;
  background: #fff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.widget-container .widget-hint .tool {
  cursor: pointer;
  color: #78a2de;
}
.widget-container .widget-hint .undo {
  margin: 0 8px;
  cursor: pointer;
  color: #dd5656;
}
.widget-container .widget-hint .info {
  background: #dde5f2;
  border: 1px solid #a4c0e8;
  box-shadow: 1px 0px 1px #d3d3d3;
  padding: 0 18px;
}
.widget-container .widget-hint .info .icon-hint {
  display: none;
}
.widget-container .widget-hint .icon-hint {
  display: none;
}
.widget-container .widget-hint .success,
.widget-container .widget-hint .error,
.widget-container .widget-hint .warning {
  padding: 0 20px;
}
.widget-container .widget-hint .success .icon-hint,
.widget-container .widget-hint .error .icon-hint,
.widget-container .widget-hint .warning .icon-hint {
  display: inline-block;
  vertical-align: middle;
}
.widget-container .widget-hint .success .hint-text,
.widget-container .widget-hint .error .hint-text,
.widget-container .widget-hint .warning .hint-text {
  color: #888;
  display: inline-block;
  vertical-align: middle;
}
.widget-container .widget-hint .success .icon-success {
  display: block;
}
.widget-container .widget-hint .success .icon-error {
  display: none;
}
.widget-container .widget-hint .success .icon-warning {
  display: none;
}
.widget-container .widget-hint .error .icon-success {
  display: none;
}
.widget-container .widget-hint .error .icon-error {
  display: block;
}
.widget-container .widget-hint .error .icon-warning {
  display: none;
}
.widget-container .widget-hint .warning .icon-success {
  display: none;
}
.widget-container .widget-hint .warning .icon-error {
  display: none;
}
.widget-container .widget-hint .warning .icon-warning {
  display: block;
}
.widget-dialog {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: none;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.3);
}
.widget-dialog .widget-dialog-container {
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  z-index: 10001;
  border-radius: 2px;
  border: 1px solid #e0e1e5;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}
.widget-dialog .widget-dialog-header {
  position: relative;
  border-radius: 2px 2px 0px 0px;
  color: #595959;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin: 25px 0;
  text-align: center;
  box-sizing: border-box;
}
.widget-dialog .widget-dialog-header .ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.widget-dialog .widget-dialog-header .dialog-close {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 30px;
  top: 0;
}
.widget-dialog .widget-dialog-header .full-screen {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 40px;
  top: 0;
}
.widget-dialog .widget-dialog-body {
  line-height: 28px;
  position: relative;
}
.widget-dialog .widget-dialog-body p,
.widget-dialog .widget-dialog-body span {
  -webkit-user-select: text;
  cursor: text;
}
.widget-dialog .widget-dialog-body .confirm,
.widget-dialog .widget-dialog-body .alert {
  padding: 0 30px;
  line-height: 20px;
  max-height: 200px;
  color: #595959;
  word-break: break-all;
}
.widget-dialog .widget-dialog-body .prompt {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 0 30px;
}
.widget-dialog .widget-dialog-body .prompt .label {
  margin-right: 10px;
  color: #868686;
}
.widget-dialog .widget-dialog-body .prompt input[type=text] {
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.widget-dialog .widget-dialog-footer {
  padding: 20px 30px 30px;
  border-radius: 0 0 2px 2px;
}
.widget-dialog .widget-dialog-footer .btn {
  margin-left: 20px;
  padding: 0 20px;
  height: 34px;
  min-width: 82px;
  border-radius: 3px;
}
.widget-dialog.no-footer .widget-dialog-body {
  border-radius: 0px 0px 2px 2px;
}
.widget-dialog-mask {
  z-index: 9999;
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: #666;
}
.preview-mask,
.mask {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.9);
}
.preview-mask {
  z-index: 10003;
}
.mask-all {
  position: fixed;
  display: none;
  z-index: 10000;
  width: 100%;
  height: 100%;
}
.widget-preview {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 10004;
  overflow: auto;
}
.widget-preview::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #ffffff;
  z-index: 10005;
}
.widget-preview .box {
  cursor: move;
  position: absolute;
  z-index: 10005;
  border: 4px solid #fff;
  background: #fff;
  border-radius: 3px;
  background: #fff url(images/loading-db43d4f1d8.gif) center center no-repeat;
}
.widget-preview .box.ready {
  background: none;
}
.widget-preview .box .image {
  background-color: #ffffff;
}
.widget-preview .box .image-size-percent {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #000;
  opacity: 0;
  height: 20px;
  color: #ddd;
  padding: 18px;
  border-radius: 7px;
  min-width: 120px;
}
.widget-preview .info {
  color: white;
  position: fixed;
  top: 0;
  line-height: 40px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 10006;
}
.widget-preview .image-buttons {
  position: absolute;
  top: 20px;
  right: 19px;
  border-radius: 50%;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #efefef;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.widget-preview .image-buttons .close {
  width: 40px;
  height: 40px;
  margin-top: -10px;
  margin-right: -20px;
}
.widget-preview .image-buttons .close .icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 48.07121661721068%;
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 23px;
  margin-left: 11px;
}
.widget-preview .image-buttons .close:hover .icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 54.00593471810089%;
  width: 20px;
  height: 20px;
  display: block;
  margin-top: 23px;
  margin-left: 11px;
}
.widget-preview .image-buttons:hover {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #003884;
}
.widget-preview .image-buttons.isMac {
  left: 19px;
}
.widget-preview .tools {
  text-align: center;
  position: fixed;
  bottom: 20px;
  padding: 0 5px;
  left: 50%;
  margin-left: -163px;
  z-index: 10006;
  height: 56px;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #f2f2f2;
  min-width: 326px;
}
.widget-preview .tools .tool {
  display: inline-block;
  margin: 10px;
  cursor: pointer;
  position: relative;
  height: 24px;
}
.widget-preview .tools .tool i {
  display: inline-block;
}
.widget-preview .tools .tool .image-index {
  top: -4px;
  position: relative;
  font-size: 16px;
  color: #676767;
}
.widget-preview .tools .tool .icon-turn-left {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 65.22988505747126% 54.98489425981873%;
  width: 29px;
  height: 26px;
}
.widget-preview .tools .tool .icon-turn-left:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 66.76737160120845%;
  width: 29px;
  height: 26px;
}
.widget-preview .tools .tool .separate-line {
  position: relative;
  top: 6px;
  display: inline-block;
  margin-left: 22px;
  cursor: default;
  width: 1px;
  height: 30px;
  background: #e7e7e7;
}
.widget-preview .tools .tool.image-zoom-percent .zoom {
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 20px;
  border-radius: 10px;
  display: inline-block;
  margin: 1px 0;
}
.widget-preview .tools .tool.image-zoom-percent .split {
  width: 1px;
  background-color: rgba(0, 0, 0, 0.26);
  box-shadow: 1px 0 rgba(255, 255, 255, 0.06);
  height: 20px;
  display: inline-block;
  position: relative;
  top: -2px;
}
.widget-preview .tools .tool.image-zoom-percent .image-size-percent {
  color: gainsboro;
  cursor: default;
  float: right;
  margin-left: 5px;
  line-height: 24px;
}
.widget-preview .tools .tool .icon-preview-dl {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 39.879154078549846%;
  width: 26px;
  height: 26px;
}
.widget-preview .tools .tool .icon-preview-dl:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 8.459214501510575%;
  width: 26px;
  height: 26px;
}
.widget-preview .tools .tool .icon-preview-zoom-out {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 8.262108262108262% 66.76737160120845%;
  width: 26px;
  height: 26px;
}
.widget-preview .tools .tool .icon-preview-zoom-out:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 15.66951566951567% 66.76737160120845%;
  width: 26px;
  height: 26px;
}
.widget-preview .tools .tool .icon-preview-zoom-in {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 55.58912386706949%;
  width: 26px;
  height: 26px;
}
.widget-preview .tools .tool .icon-preview-zoom-in:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 63.4441087613293%;
  width: 26px;
  height: 26px;
}
.widget-preview .tools .tool .icon-preview-fit-size {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 16.31419939577039%;
  width: 26px;
  height: 26px;
}
.widget-preview .tools .tool .icon-preview-fit-size:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 47.73413897280967%;
  width: 26px;
  height: 26px;
}
.widget-preview .tools .tool .icon-preivew-origin-size {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.35897435897436% 24.169184290030213%;
  width: 26px;
  height: 26px;
}
.widget-preview .tools .tool .icon-preivew-origin-size:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 23.076923076923077% 66.76737160120845%;
  width: 26px;
  height: 26px;
}
.widget-preview .tools .tool.disable {
  -webkit-opacity: 0.3;
  opacity: 0.3;
  cursor: default !important;
}
.widget-preview .tooltip {
  position: fixed;
  top: 44%;
  left: 50%;
  font-size: 12px;
  z-index: 10005;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  height: 36px;
  line-height: 36px;
  background-color: #000;
  opacity: 0.8;
  padding: 10px;
  border-radius: 7px;
  color: white;
}
.widget-preview .tooltip .button {
  background-color: gray;
  padding: 8px;
  border-radius: 2px;
}
/* jquery.Jcrop.css v0.9.12 - MIT License */
/*
  The outer-most container in a typical Jcrop instance
  If you are having difficulty with formatting related to styles
  on a parent element, place any fixes here or in a like selector

  You can also style this element if you want to add a border, etc
  A better method for styling can be seen below with .jcrop-light
  (Add a class to the holder and style elements for that extended class)
*/
.jcrop-holder {
  direction: ltr;
  text-align: left;
}
/* Selection Border */
.jcrop-vline,
.jcrop-hline {
  background: #ffffff url(images/Jcrop-7a4b4c6ebd.gif);
  font-size: 0;
  position: absolute;
}
.jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.jcrop-vline.right {
  right: 0;
}
.jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.jcrop-hline.bottom {
  bottom: 0;
}
/* Invisible click targets */
.jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
/* Selection Handles */
.jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
/* Dragbars */
.jcrop-dragbar.ord-n,
.jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.jcrop-dragbar.ord-e,
.jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.jcrop-dragbar.ord-w {
  margin-left: -4px;
}
/* The "jcrop-light" class/extension */
.jcrop-light .jcrop-vline,
.jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: .70!important;
}
.jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
/* The "jcrop-dark" class/extension */
.jcrop-dark .jcrop-vline,
.jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
/* Simple macro to turn off the antlines */
.solid-line .jcrop-vline,
.solid-line .jcrop-hline {
  background: #ffffff;
}
/* Fix for twitter bootstrap et al. */
.jcrop-holder img,
img.jcrop-preview {
  max-width: none;
}
.inline-svg {
  position: absolute;
  z-index: -1;
  width: 0;
  height: 0;
}
.inline-svg svg {
  display: none;
}
.main-container {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
}
.loading {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  z-index: 100;
}
.loading .loading-error {
  display: none;
}
.loading.error .loading-pen {
  display: none;
}
.loading.error .loading-error {
  display: block;
}
.loading-pen {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
}
.loading-error {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -176px;
  margin-top: -100px;
}
.loading-syncing {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 60px;
  margin-left: -90px;
  color: #868686;
  font-size: 14px;
}
.drag-line {
  cursor: ew-resize !important;
}
.file-tree {
  position: relative;
}
.file-tree .tree-title {
  height: 30px;
  box-sizing: border-box;
  border: 1px solid transparent;
  color: #686868;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  overflow: hidden;
}
.file-tree .tree-title .name {
  position: relative;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-grow: 1;
          flex-grow: 1;
  cursor: pointer;
  overflow: hidden;
}
.file-tree .tree-title .name .file-name {
  margin-left: 10px;
  cursor: pointer;
  line-height: 30px;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.file-tree .tree-title .name .editor {
  position: absolute;
  left: 24px;
  z-index: 100;
}
.file-tree .tree-title .name .editor .text {
  width: 100%;
  box-sizing: border-box;
}
.file-tree .tree-title .toggle {
  margin-left: 10px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.file-tree .tree-title .toggle.disabled {
  pointer-events: none;
  visibility: hidden;
}
.file-tree .tree-title .folder,
.file-tree .tree-title .folder-shared,
.file-tree .tree-title .folder-encrypted,
.file-tree .tree-title .folder-unlocked {
  display: inline-block;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.file-tree .tree-title.root-title {
  height: 40px;
  color: #393939;
}
.file-tree .tree-title.root-title .arrow {
  display: block;
}
.file-tree .tree-title.root-title .name {
  margin-left: 5px;
}
.file-tree .tree-title.selected {
  background: #398dee;
  border: 1px solid #2280ed;
  border-color: #2280ed transparent;
  color: #fff;
}
.file-tree .tree-title.expandable .arrow {
  display: block;
}
.file-tree .tree-container {
  list-style: none;
}
.file-tree .drop-hover {
  border: 1px dashed #9EC3EE;
  background: #f3f8fe;
}
.tag-container .tag-ul .tag-li {
  position: relative;
  padding-left: 64px;
  padding-right: 20px;
  height: 40px;
  line-height: 40px;
  color: #333;
}
.tag-container .tag-ul .tag-li .name .file-name {
  margin-left: 0;
}
.tag-container .tag-ul .tag-li .editor {
  position: absolute;
  left: 0px;
  width: 100%;
}
file-tag {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid #e0e1e5;
  width: 100%;
  height: 36px;
  box-sizing: border-box;
}
file-tag .file-tag {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  width: 100%;
  max-width: 100%;
}
file-tag .tag-icon {
  margin-left: 15px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
file-tag .tag-ul {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-shrink: 1;
          flex-shrink: 1;
  -webkit-align-items: center;
          align-items: center;
  height: 100%;
  overflow: auto;
}
file-tag .tag-li {
  position: relative;
  background-color: #f2f3f4;
  padding: 1px 15px;
  margin-left: 10px;
  border-radius: 15px;
  height: 20px;
  line-height: 20px;
  max-width: 100px;
  min-width: 20px;
  text-align: center;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
file-tag .tag-li .tag-delete {
  display: none;
  position: absolute;
  right: 1px;
  top: 1px;
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.44289693593315% 61.35693215339233%;
  width: 18px;
  height: 18px;
}
file-tag .tag-li:hover .tag-delete {
  display: block;
}
file-tag .tag-add-container {
  position: relative;
  margin-left: 10px;
  margin-right: 20px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
file-tag .tag-add {
  width: 90px;
  height: 20px;
  padding: 1px 10px;
  border: 1px solid #bac0c6;
  border-radius: 3px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
file-tag .tag-add:focus {
  border-width: 2px;
  border-color: #75b3fa;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset;
}
file-tag ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #bac0c6;
}
file-tag .tag-candidate-list {
  width: 100%;
  position: absolute;
  max-height: 120px;
  overflow: auto;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  z-index: 100;
}
file-tag .tag-candidate {
  padding: 1px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
file-tag .tag-candidate:hover {
  background: #398dee;
  color: #fff;
}
.file-detail .hd.tag-show {
  padding-bottom: 36px;
}
.widget-menu.menu-tag-list {
  width: 150px;
  max-height: 200px;
  overflow-y: auto;
}
.widget-menu.menu-tag-list .widget-menu-item {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.file-uploader {
  display: inline-block;
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 100;
  box-shadow: 0 1px 16px 0 rgba(154, 154, 154, 0.4);
  width: 100%;
  max-width: 490px;
  background: rgba(255, 255, 255, 0.98);
}
.file-uploader .icon-close,
.file-uploader .icon-status {
  cursor: pointer;
}
.file-uploader .file-uploader-hd {
  position: relative;
  width: 100%;
  height: 36px;
}
.file-uploader .file-uploader-hd .uploader-hd-title {
  padding: 0 20px;
  font-size: 14px;
  line-height: 36px;
  color: #777;
}
.file-uploader .file-uploader-hd .icon-status {
  position: absolute;
  top: 8px;
  right: 50px;
}
.file-uploader .file-uploader-hd .icon-close {
  position: absolute;
  top: 8px;
  right: 20px;
}
.file-uploader .file-uploader-bd {
  max-height: 200px;
  overflow: auto;
}
.file-uploader .file-uploader-bd .uploader-item {
  position: relative;
  margin: 10px 0;
  width: 100%;
  height: 40px;
  font-size: 12px;
}
.file-uploader .file-uploader-bd .uploader-item .file-icon {
  margin-left: 20px;
  display: inline-block;
}
.file-uploader .file-uploader-bd .uploader-item .file-name {
  position: absolute;
  display: inline-block;
  left: 64px;
  top: 0;
  font-size: 12px;
  color: #595959;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -webkit-user-select: text;
  cursor: text;
}
.file-uploader .file-uploader-bd .uploader-item .file-size {
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 14px;
  color: #bbb;
  font-size: 12px;
  -webkit-user-select: text;
  cursor: text;
}
.file-uploader .file-uploader-bd .uploader-item .icon-cancel,
.file-uploader .file-uploader-bd .uploader-item .icon-success,
.file-uploader .file-uploader-bd .uploader-item .icon-error,
.file-uploader .file-uploader-bd .uploader-item .icon-locate {
  position: absolute;
  top: 11px;
  left: 250px;
  z-index: 10;
}
.file-uploader .file-uploader-bd .uploader-item .icon-locate,
.file-uploader .file-uploader-bd .uploader-item .icon-cancel {
  cursor: pointer;
}
.file-uploader .file-uploader-bd .uploader-item .icon-locate {
  left: 284px;
  top: 10px;
}
.file-uploader .file-uploader-bd .uploader-item .progress {
  position: absolute;
  top: 22px;
  left: 65px;
  border-radius: 8px;
  width: 160px;
  height: 4px;
  background: #e4e4e4;
}
.file-uploader .file-uploader-bd .uploader-item .progress .uploader-progress {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8px;
  height: 4px;
  background: #398dee;
}
.file-uploader .file-uploader-bd .uploader-item .progress.done {
  width: 0% !important;
}
.file-uploader .file-uploader-bd .uploader-item .progress.done .uploader-progress {
  width: 0% !important;
}
.file-uploader .file-uploader-bd .uploader-item .progress .uploader-progress.error {
  background: #DD5656;
}
.file-uploader .file-uploader-bd .uploader-item .finish-text {
  position: absolute;
  top: 20px;
  left: 64px;
  color: #bbb;
}
.file-uploader .file-uploader-bd .uploader-item.done.nofull .file-name {
  cursor: pointer;
}
.file-uploader .file-uploader-bd .uploader-item.done.nofull .file-name:hover {
  text-decoration: underline;
}
.file-uploader .file-uploader-bd .uploader-item.done.nofull .file-icon {
  cursor: pointer;
}
.file-uploader .file-uploader-bd .uploader-item.done.nofull:hover .file-name {
  right: 55px;
}
.file-uploader .file-uploader-bd .uploader-item.done.nofull:hover .icon-locate {
  display: inline-block;
}
.file-uploader.minimize {
  margin: 0;
  width: 240px;
  right: 0;
}
.translate-load {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  /* wrap for top-banner*/
  height: calc(100% + 51px);
  background: #ffffff;
  opacity: 0.95;
  max-width: none;
}
.translate-load .translate-tip {
  font-size: 18px;
}
.translate-load .file-uploader-bd {
  width: 380px;
}
.translate-load .file-uploader-bd .uploader-item {
  margin: 30px 0;
  height: 6px;
}
.translate-load .file-uploader-bd .uploader-item .progress {
  width: 380px;
  top: unset !important;
  left: unset !important;
}
.translate-load .cancel {
  width: 96px;
}
.file-selector {
  padding: 0 30px;
}
.file-selector .file-selector-hd {
  color: #595959;
}
.file-selector .file-selector-hd .file-icon {
  margin-right: 10px;
}
.file-selector .file-selector-hd .file-name {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  max-width: 280px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.file-selector .file-selector-hd .files-num {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
}
.file-selector .file-selector-bd {
  margin: 7px 0 0;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e0e1e5;
}
.file-selector .file-selector-bd .bd-selector-path {
  display: block;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #e0e1e5;
  color: #595959;
}
.file-selector .file-selector-bd .bd-selector-path .path {
  display: inline-block;
  width: 250px;
  padding: 0 5px;
  vertical-align: top;
  color: #868686;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.file-selector .file-selector-bd .bd-selector-path.hide-files {
  position: relative;
  border: none;
  color: #868686;
}
.file-selector .file-selector-bd .bd-selector-path.hide-files .path {
  width: 200px;
}
.file-selector .file-selector-bd .bd-selector-path.hide-files .btn {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 62px;
}
.file-selector .file-selector-bd .file-selector-node {
  padding: 10px;
  height: 220px;
  overflow: auto;
}
.file-selector .file-selector-ft .primary {
  position: absolute;
  right: 115px;
  bottom: 20px;
  width: 90px;
}
.file-selector .file-selector-ft .cancel {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 80px;
}
.file-progress {
  padding: 0 30px;
  color: #595959;
}
.file-progress .info {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-progress .bar {
  display: inline-block;
  width: 250px;
}
.file-progress .percent {
  margin-left: 10px;
}
.file-detail {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.file-detail .hd {
  position: relative;
  padding: 0 20px;
  height: 60px;
  border-bottom: 1px solid #e0e1e5;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.file-detail .hd .title {
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.file-detail .hd .btn-wrap,
.file-detail .hd inline-search,
.file-detail .hd toolbar {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.file-detail .hd .hd-btn {
  height: 30px;
  line-height: 30px;
  font-size: 11px;
  color: #82B6F4;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #e2e2e2;
  cursor: pointer;
  background-color: #fff;
  margin-top: 14px;
}
.file-detail .hd .hd-btn:hover {
  color: #398dee;
  border: 1px solid #B9BBC5;
}
.file-detail .hd .search-bar-high-light-item {
  z-index: 100 !important;
}
.file-detail .content-container {
  position: relative;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.file-detail .bd {
  padding-top: 200px;
}
.file-detail .bd .detail-item {
  text-align: center;
}
.file-detail .bd .detail-file-icon svg {
  width: 60px;
  height: 68px;
}
.file-detail .bd .detail-file-icon .dir-detail-default {
  display: inline-block;
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 24.918032786885245% 31.0580204778157%;
  width: 72px;
  height: 64px;
}
.file-detail .bd .detail-file-name {
  line-height: 36px;
  font-size: 16px;
  color: #393939;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  cursor: text;
  word-break: break-all;
  word-wrap: break-word;
}
.file-detail .bd .limit-hint {
  margin-top: 30px;
  color: #666;
}
.share-dialog {
  margin: 0 30px 30px 30px;
  min-width: 432px;
  min-height: 158px;
  color: #595959;
}
.share-dialog .share-link {
  position: relative;
  margin: 15px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.share-dialog .share-link #link-addr {
  border-radius: 2px;
  margin-right: 10px;
  font-family: Tahoma, Aria;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: text;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.share-dialog .share-link #link-addr.disabled {
  color: #898989;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
}
.share-dialog .share-link .btn-copy {
  padding: 0 15px;
  height: 34px;
}
.share-dialog form input {
  margin-right: 5px;
}
.share-dialog form .first-option {
  display: inline-block;
  margin: 0 25px 0 30px;
  width: 70px;
}
.share-dialog form .second-option {
  display: inline-block;
}
.share-dialog .other-share {
  margin-top: 28px;
  padding-top: 20px;
  line-height: 34px;
  border-top: 1px solid #e0e1e5;
}
.share-dialog .other-share .share-to {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.share-dialog .other-share .svg_weixin,
.share-dialog .other-share .svg_weibo,
.share-dialog .other-share .svg_qq {
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.share-dialog .other-share .svg_weixin {
  position: relative;
}
.share-dialog .other-share .svg_weixin #wx-qrcode {
  position: absolute;
  top: 50px;
  left: -49px;
  width: 130px;
  height: 130px;
  background-color: #fff;
  border: 1px solid #e0e1e5;
  padding: 8px;
  box-sizing: border-box;
  display: none;
  box-shadow: 0 1px 16px 0 rgba(154, 154, 154, 0.4);
}
.share-dialog .other-share .svg_weixin #wx-qrcode::before {
  content: ' ';
  display: inline-block;
  border-width: 1px;
  width: 10px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  border-style: solid;
  border-color: #e0e1e5 transparent transparent #e0e1e5;
  background-color: #fff;
  position: absolute;
  top: -6px;
  left: 58px;
}
.share-dialog .other-share .svg_weixin:hover #wx-qrcode {
  display: block;
}
.share-dialog .other-share .stop-share,
.share-dialog .other-share .open-share {
  vertical-align: top;
  float: right;
  margin-left: 20px;
  color: #7caee8;
  cursor: pointer;
}
.share-dialog .other-share .stop-share:hover,
.share-dialog .other-share .open-share:hover {
  color: #398dee;
}
.share-dialog .other-share .stop-share.disabled,
.share-dialog .other-share .open-share.disabled {
  color: #555;
  cursor: default;
  opacity: 0.3;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.share-dialog .set-share-encrypt {
  position: relative;
}
.share-dialog .set-share-encrypt .text-share-encrypt {
  color: #398dee;
  margin-right: 5px;
  cursor: pointer;
}
.share-dialog .set-share-encrypt .share-encrypt-pwd,
.share-dialog .set-share-encrypt .share-encrypt-expire-date {
  width: 12px;
  height: 12px;
  vertical-align: text-top;
  margin-left: 13px;
}
.share-dialog .set-share-encrypt .encrypt-pwd,
.share-dialog .set-share-encrypt .encrypt-expire {
  position: relative;
  top: 3px;
}
.share-dialog .set-share-encrypt .share-encrypt-tips {
  padding: 7px 12px;
  line-height: 18px;
  color: #ffffff;
  background-color: #505256;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
  opacity: 1;
  white-space: nowrap;
}
.share-dialog .set-share-encrypt .triangle-up {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #505256;
  position: absolute;
  top: -4px;
}
.share-dialog .set-share-encrypt .encrypt-pwd .triangle-up {
  left: 48px;
}
.share-dialog .set-share-encrypt .encrypt-expire .triangle-up {
  right: 92px;
}
.share-dialog .set-share-encrypt .expire-tips {
  width: 162px;
  left: -71px;
}
.share-dialog .set-share-encrypt .pwd-tips {
  left: -33px;
}
.share-encrypt .mask {
  background: white;
  opacity: 0;
  top: 50px;
  height: 200px;
}
.share-encrypt .buy-enterprize {
  color: #393939;
  height: 50px;
  line-height: 50px;
  background-color: #ebf0fa;
  padding-left: 30px;
}
.share-encrypt .buy-enterprize a {
  text-decoration: underline;
}
.share-encrypt .icon-set-share-password,
.share-encrypt .icon-set-share-expire {
  width: 12px;
  height: 12px;
  vertical-align: text-top;
}
.share-encrypt .text-share-password,
.share-encrypt .text-share-expire {
  margin-left: 8px;
  color: #393939;
}
.share-encrypt .set-password {
  padding-bottom: 10px;
  margin: 0 30px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.share-encrypt .set-password.tip {
  border-bottom: 0px;
}
.share-encrypt .set-password-text {
  color: #595959;
}
.share-encrypt .set-password .set-password-container {
  position: relative;
  margin-top: 1px;
}
.share-encrypt .set-password .set-password-container .share-password {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.share-encrypt .set-password .set-password-container .share-password:focus {
  border-color: #67a2e7;
}
.share-encrypt .set-password .set-password-container input.invalid {
  border-color: #dd5566;
}
.share-encrypt .set-password .set-password-container .password-error-tip {
  color: #898989;
  line-height: 1.5;
  position: absolute;
  bottom: -12px;
}
.share-encrypt .set-password .set-password-container .password-error-tip.invalid {
  color: #dd5566;
}
.share-encrypt .set-expire {
  padding: 12px 30px 0;
}
.share-encrypt .set-expire-text {
  color: #595959;
}
.share-encrypt .set-expire .text-share-expire-tip {
  color: #595959;
}
.share-encrypt .set-expire .expire-set {
  padding-left: 20px;
}
.share-encrypt .set-expire .expire-set .expire-date {
  color: #dd5566;
}
.share-encrypt .set-expire .expire-set .btn-reset-expire {
  border: 1px solid #dbdcdf;
  width: 60px;
  height: 24px;
  margin-left: 12px;
  color: #398dee;
  background-color: white;
  cursor: pointer;
}
.share-encrypt .set-expire .expire-type {
  padding-left: 20px;
}
.share-encrypt .set-expire .expire-type label {
  display: block;
}
.share-encrypt .set-expire .expire-type label .radio-text {
  margin-left: 5px;
}
.share-encrypt .set-expire .expire-type .calender-container {
  width: 120px;
  border: 1px solid #e0e1e5;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
}
.share-encrypt .set-expire .expire-type .calender-container .calender-toggle {
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  color: #6e89b3;
  margin-left: 10px;
}
.share-encrypt .set-expire .expire-type .calender-container .calender-toggle .selected,
.share-encrypt .set-expire .expire-type .calender-container .calender-toggle .unselected {
  cursor: pointer;
}
.share-encrypt .set-expire .expire-type .calender-container label {
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.share-encrypt .set-expire .expire-type .calender-container svg {
  width: 11px;
  height: 11px;
  vertical-align: text-top;
  display: inline-block;
  margin-top: 2px;
}
.unlock-dialog {
  max-width: 300px;
  padding: 0px 30px 30px;
  color: #595959;
}
.unlock-dialog .unlock-info {
  margin-bottom: 20px;
  line-height: 16px;
}
.orgs {
  height: 220px;
  overflow-y: auto;
  padding: 10px;
  color: #686868;
}
.orgs .org .arrow,
.orgs .org .svg_send_org,
.orgs .org .org-name,
.orgs .org .svg_send_group,
.orgs .org .group-name {
  display: inline-block;
  vertical-align: middle;
}
.orgs .org .arrow {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 56.74931129476584% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.orgs .org .org-name {
  max-width: 260px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.orgs .org .group {
  padding-left: 40px;
}
.orgs .org .group:hover {
  background-color: #e4edf8;
}
.orgs .org .group.selected {
  background-color: #398dee;
  color: #fff;
}
.orgs .org.expanded .arrow {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 68.31955922865014% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.orgs .error {
  text-align: center;
  margin-top: 90px;
  color: #686868;
}
.import-progress {
  padding: 20px;
}
.import-progress .widget-progress {
  width: 310px;
}
.import-progress .import-progress-size {
  margin-left: 10px;
  vertical-align: 2px;
}
.list {
  position: relative;
  width: 280px;
  height: 100%;
  border-right: 1px solid #e0e1e5;
  background-color: #fff;
}
.list .drop-hover {
  border: 1px dashed #9EC3EE;
  margin-bottom: 1px;
}
.list .list-hd {
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #e0e1e5;
  position: relative;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.list .list-hd .list-back {
  cursor: pointer;
  display: inline-block;
}
.list .list-hd .list-search {
  flex-grow: 1;
  -webkit-flex-grow: 1;
}
.list .list-hd .list-setting {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 16px;
  display: inline-block;
}
.list .list-hd .list-setting .icon-setting {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.list .list-hd .list-setting .widget-menu .mode-selected,
.list .list-hd .list-setting .widget-menu .sort-selected {
  float: right;
  position: relative;
  top: 6px;
  left: 2px;
}
.list .list-hd .list-setting .widget-menu.noSort .split-line,
.list .list-hd .list-setting .widget-menu.noSort .item-sort {
  display: none;
}
.list .list-hd.trashOrRecent .list-setting .widget-menu .split-line,
.list .list-hd.trashOrRecent .list-setting .widget-menu .item-sort {
  display: none;
}
.list .search-tip-pass {
  border-bottom: 1px solid #e0e1e5;
}
.list .search-tip-pass .search-tip {
  color: #959fb1;
  line-height: 30px;
  padding: 0 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.list .search-tip-pass .search-tip .show-tip {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.list .search-tip-pass .search-tip .show-all {
  margin-left: 20px;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.list .search-tip-pass .checkpsw .check-bd input {
  line-height: 22px;
  background-color: white;
}
.list .search-tip-pass .checkpsw .check-bd .check-btn-unlock {
  line-height: 32px;
}
.list .search-tip-pass .checkpsw .check-ft {
  margin-top: 0;
}
.list .search-tip-pass .checkpsw .check-ft .cancel-password {
  display: none;
}
.list .search-tip-pass .checkpsw .error {
  position: absolute;
  top: 40px;
}
.list .list-bd {
  position: absolute;
  top: 61px;
  bottom: 30px;
  left: 0px;
  right: 0px;
  overflow: hidden;
}
.list .list-bd.showSearchTip {
  top: 92px;
}
.list .list-bd.showSearchTip.showSearchPass {
  top: 156px;
}
.list .list-bd.noItemNum {
  bottom: 0;
}
.list .list-bd .loading-more {
  display: block;
  height: 60px;
  position: relative;
}
.list .no-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  text-align: center;
}
.list .no-content p {
  color: #868686;
  margin-top: 5px;
  white-space: nowrap;
}
.list .no-content .btn {
  width: 100px;
  margin-top: 10px;
}
.list .item-num {
  position: absolute;
  bottom: 0;
  border-top: 1px solid #E0E1E5;
  width: 100%;
  box-sizing: border-box;
  line-height: 30px;
  padding-left: 20px;
  color: #393939;
}
.empty {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #f8f8f8;
}
.empty::before {
  height: 100%;
  content: ' ';
  vertical-align: middle;
  display: inline-block;
}
.empty .empty_logo {
  display: inline-block;
  vertical-align: middle;
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 48.80546075085324% 0;
  width: 84px;
  height: 84px;
}
#file-container {
  position: relative;
  width: 100%;
  height: 250px;
  margin: 0 auto;
  margin-top: 100px;
  z-index: 0;
}
#file-container .multi-select-tpl {
  position: absolute;
  top: 50px;
  left: -200px;
  width: 200px;
  height: 250px;
  padding: 30px;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #ffffff;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.05);
  z-index: -1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#file-container .multi-select-tpl .file-title {
  font-size: 14px;
  font-weight: 400;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#file-container .multi-select-tpl .file-time {
  font-weight: 300;
}
#file-container .multi-select-tpl .file-icon {
  margin-top: 40px;
}
#file-container .multi-select-tpl .file-icon svg {
  width: 60px;
  height: 68px;
  margin: 0 auto;
  display: block;
}
#file-container .multi-select-tpl.file-position0 {
  top: 0px;
  left: 50%;
  margin-left: -100px;
  -webkit-transform: rotate(0deg) translateZ(0);
  transform: rotate(0deg) translateZ(0);
}
#file-container .multi-select-tpl.file-position1 {
  top: 10px;
  left: 50%;
  margin-left: -140px;
  -webkit-transform: rotate(-15deg) translateZ(0);
  transform: rotate(-15deg) translateZ(0);
}
#file-container .multi-select-tpl.file-position2 {
  top: 10px;
  left: 50%;
  margin-left: -60px;
  -webkit-transform: rotate(15deg) translateZ(0);
  transform: rotate(15deg) translateZ(0);
}
#file-container .multi-select-tpl.file-position3 {
  top: 20px;
  left: 50%;
  margin-left: -180px;
  -webkit-transform: rotate(-30deg) translateZ(0);
  transform: rotate(-30deg) translateZ(0);
}
#file-container .multi-select-tpl.file-position4 {
  top: 20px;
  left: 50%;
  margin-left: -20px;
  -webkit-transform: rotate(30deg) translateZ(0);
  transform: rotate(30deg) translateZ(0);
}
.operation {
  margin: 0 auto;
  margin-top: 130px;
  width: 480px;
  text-align: center;
}
.operation .btn {
  width: 160px;
  height: 30px;
  border-radius: 15px;
  box-sizing: border-box;
  background: -webkit-linear-gradient(top, #ffffff, #f5f4f4);
  border: 1px solid #bac0c6;
  color: #333;
  margin: 0 35px;
}
.operation .btn:active {
  background: none;
  background-color: #ececec;
}
.widget-dialog.trash-folder .widget-dialog-header {
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.widget-dialog.trash-folder .widget-dialog-body .trash-folder-content ul {
  background: #eaf0fb;
  padding: 5px 30px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  max-height: 240px;
}
.widget-dialog.trash-folder .widget-dialog-body .trash-folder-content ul li {
  margin: 5px 0;
  display: -webkit-flex;
  -webkit-align-items: center;
}
.widget-dialog.trash-folder .widget-dialog-body .trash-folder-content ul li .file-name {
  display: inline-block;
  margin: 0 10px;
  color: #393939;
  -webkit-flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.widget-dialog.trash-folder .widget-dialog-body .trash-folder-content ul li .file-size {
  float: right;
}
.widget-dialog.trash-folder .widget-dialog-body .trash-folder-content .no-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
}
.demo-page {
  position: absolute;
  display: block;
  z-index: 10099;
  visibility: visible;
  background-color: #f9f9f9;
  cursor: url(images/cursor_icon-ed3ae345a5.png), auto;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.demo-page .note-content {
  display: block;
  width: 100%;
  font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "Microsoft JhengHei", "\534E\6587\9ED1\4F53", arial, sans-serif, STHeiti, sans-serif;
  font-size: 17px;
  line-height: 3rem;
  height: 100%;
  overflow-y: scroll;
  -webkit-user-select: text;
  overflow-x: hidden;
  word-break: break-all;
}
.demo-page .note-content.lsize {
  font-size: 19px;
}
.demo-page .note-content.ssize {
  font-size: 15px;
}
.demo-page .tool-bar {
  position: fixed;
  top: 30px;
  right: 30px;
}
.demo-page .tool-bar .demo-mode-icon {
  display: block;
  width: 48px;
  height: 48px;
}
.demo-page .tool-bar .zoom-in-icon {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -104px -77px;
  width: 48px;
  height: 48px;
}
.demo-page .tool-bar .zoom-in-icon:hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -52px -77px;
  width: 48px;
  height: 48px;
}
.demo-page .tool-bar .zoom-out-icon {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -52px -129px;
  width: 48px;
  height: 48px;
}
.demo-page .tool-bar .zoom-out-icon:hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -156px -77px;
  width: 48px;
  height: 48px;
}
.demo-page .tool-bar .esc-icon {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -208px -77px;
  width: 48px;
  height: 48px;
}
.demo-page .tool-bar .esc-icon:hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: 0px -129px;
  width: 48px;
  height: 48px;
}
.demo-page #innerlink-back {
  font-size: 16px;
  display: none;
  position: fixed;
  top: 30px;
  left: 30px;
}
.demo-page #innerlink-back .demo-mode-icon {
  display: block;
  width: 48px;
  height: 48px;
}
.demo-page #innerlink-back .back-icon {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: 0px -77px;
  width: 48px;
  height: 48px;
}
.demo-page #innerlink-back .back-icon:hover {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -104px -129px;
  width: 48px;
  height: 48px;
}
.demo-page #innerlink-back.show {
  opacity: 0.2;
}
.toolbar {
  position: relative;
  margin-top: 20px;
  white-space: nowrap;
}
.toolbar .tools-item {
  display: inline-block;
  margin-left: 6px;
  position: relative;
}
.toolbar .tools-item i {
  display: inline-block;
  cursor: pointer;
}
.toolbar .tools-item .restore-icon-container,
.toolbar .tools-item .delete-icon-container {
  display: inline-block;
  cursor: pointer;
}
.toolbar .tools-item .restore-icon-container i,
.toolbar .tools-item .delete-icon-container i {
  display: inline-block;
  cursor: pointer;
}
.toolbar .tools-item .widget-menu {
  margin-top: 10px;
}
.toolbar .more-info .info {
  padding: 10px;
  right: 0px;
  width: 180px;
}
.toolbar .more-info .info table {
  width: 100%;
  table-layout: fixed;
}
.toolbar .more-info .info td {
  height: 28px;
}
.toolbar .more-info .info .td-l {
  width: 66px;
}
.toolbar .more-info .info .td-r {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.toolbar .more-info .info .info-cp {
  cursor: pointer;
}
.toolbar .more-info .info .folder-name:hover {
  cursor: pointer;
  text-decoration: underline;
}
.toolbar .more-info .info input {
  padding: 0;
  width: 110px;
  color: #999999;
  border: 1px solid transparent;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.toolbar .more-info .info input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 2px rgba(82, 168, 236, 0.6);
}
.toolbar .more-info .info .file-source {
  display: -webkit-flex;
  display: flex;
}
.toolbar .more-info .info .file-source a {
  -webkit-flex-grow: 1;
          flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toolbar .more-info .info .file-source .edit-pencil {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.toolbar .toolbar-menu-item {
  line-height: 30px;
  position: relative;
  cursor: default;
  font-style: normal;
  white-space: nowrap;
  padding: 0 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  text-align: left;
}
.toolbar .toolbar-menu-item .menu-thumb {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 7px;
  left: 11px;
}
.toolbar .toolbar-menu-item .expand-children-menu {
  width: 10px;
  height: 10px;
  float: right;
}
.toolbar .toolbar-menu-item .expand-children-menu .arrow {
  position: relative;
  width: 6px;
  height: 8px;
  display: inline-block;
}
.toolbar .toolbar-menu-item .expand-children-menu .arrow:before {
  border: 4px solid transparent;
  border-left: 3px solid #adb8c4;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  content: ' ';
}
.toolbar .toolbar-menu-item .expand-children-menu .arrow {
  position: relative;
  width: 8px;
  height: 8px;
  display: inline-block;
}
.toolbar .toolbar-menu-item .expand-children-menu .arrow:before {
  border: 4px solid transparent;
  border-left: 4px solid #909090;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  content: ' ';
}
.toolbar .toolbar-menu-item .children-menu {
  position: absolute;
  top: 0;
  left: 120px;
}
.toolbar .toolbar-menu-item .menu-label {
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.toolbar .toolbar-menu-item .menu-key {
  font-family: Courier;
}
.toolbar .toolbar-menu-item.split-line {
  background: #ebf3fd;
  height: 1px;
}
.toolbar .toolbar-menu-item a {
  color: #999;
}
.toolbar .toolbar-menu-item:hover {
  color: #76b0f3;
  background: #f4f9ff;
  cursor: pointer;
}
.toolbar .toolbar-menu-item:hover a {
  color: #76b0f3;
}
.toolbar .toolbar-menu-item.disabled .menu-label {
  color: #c1c1c1;
}
.toolbar .toolbar-menu-item.disabled .expand-children-menu .arrow:before {
  border-left-color: #c1c1c1;
}
.toolbar-disable {
  pointer-events: none;
}
input.top-title {
  padding: 19px 0;
  height: 22px;
  line-height: 22px;
}
span.top-title {
  height: 60px;
  line-height: 60px;
}
.top-title {
  width: 100%;
  display: inline-block;
  background-color: transparent;
  border: 0 none;
  font-size: 18px;
  color: #393939;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.top-title:focus {
  outline: none;
}
.list-li {
  position: relative;
  padding: 15px 20px;
  border-bottom: 1px solid #e0e1e5;
  overflow: hidden;
}
.list-li .title {
  display: -webkit-flex;
  height: 22px;
  -webkit-align-items: center;
  position: relative;
}
.list-li .file-name {
  display: inline-block;
  margin-left: 10px;
  color: #393939;
  line-height: 16px;
  flex: 1;
  -webkit-flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}
.list-li .file-name.isDir:hover {
  cursor: pointer;
  text-decoration: underline;
}
.list-li .file-name .search-bar-high-light {
  z-index: 0;
}
.list-li .editor {
  position: absolute;
  right: 0px;
  left: 25px;
}
.list-li .editor .text {
  width: 100%;
  box-sizing: border-box;
}
.list-li .file-stick,
.list-li .file-shared,
.list-li .file-myshare,
.list-li .file-encrypted,
.list-li .file-res,
.list-li .file-deleting {
  margin-left: 10px;
  color: #c2c2c2;
}
.list-li .file-deleting {
  width: 14px;
  height: 14px;
}
.list-li .icon-res {
  display: inline-block;
  vertical-align: middle;
}
.list-li .thm {
  float: right;
  margin: 10px 0 0 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 70px;
  height: 55px;
  -webkit-user-drag: none;
}
.list-li .note-abstract {
  color: #82828c;
  line-height: 20px;
  margin: 6px 0 0;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
}
.list-li .date-size {
  color: #c2c2c2;
  margin-top: 6px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.list-li .date-size.hide {
  display: none;
}
.list-li .date-size .file-date {
  vertical-align: middle;
}
.list-li .date-size .file-size {
  margin-left: 15px;
  vertical-align: middle;
}
.list-li .date-size .file-res {
  margin-left: 10px;
  vertical-align: middle;
}
.list-li .file-owner {
  color: #c2c2c2;
  margin-top: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.list-li .file-owner .file-owner-pic {
  width: 16px;
  height: 16px;
  vertical-align: middle;
  border-radius: 50%;
  -webkit-user-drag: none;
}
.list-li .file-owner .file-owner-name {
  margin-left: 4px;
  vertical-align: middle;
}
.list-li .file-tool {
  display: none;
}
.list-li .file-path {
  display: none;
}
.list-li.selected {
  background-color: #eaf0fb;
}
.list-li.selected .file-path {
  display: inline-block;
  color: #c2c2c2;
  margin-top: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.list-li.selected .file-path .name-path-icon {
  display: inline-block;
  vertical-align: middle;
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 30.26706231454006%;
  width: 20px;
  height: 20px;
}
.list-li.selected .file-path .name-path-text {
  display: inline-block;
  margin-left: 4px;
  max-width: 150px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.list-li.selected .file-path:hover .name-path-text {
  text-decoration: underline;
}
.list-li.drop-hover {
  background: #f3f8fe;
  border: 1px dashed #9EC3EE;
}
.list-mode .file-date {
  margin-left: 10px;
  display: inline-block;
  color: #c2c2c2;
  white-space: nowrap;
}
.settingpsw {
  position: relative;
  top: 35%;
  width: 220px;
  margin: 0 auto;
}
.settingpsw .sp-hd {
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  color: #3e3e3e;
}
.settingpsw .sp-hd span {
  color: #bac0c6;
}
.settingpsw .sp-bd {
  position: relative;
}
.settingpsw .sp-bd input {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 15px;
  line-height: 28px;
  border-radius: 3px;
}
.settingpsw .sp-bd .error {
  position: absolute;
  top: 95px;
}
.settingpsw .sp-bd .sp-btns {
  margin-top: 5px;
}
.settingpsw .sp-bd .sp-btns button {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  padding: 0 5px;
  line-height: 32px;
  color: #ffffff;
  background: #398dee;
  border-radius: 2px;
  border: 1px solid #398dee;
  cursor: pointer;
  outline: none;
  width: 82px;
  border-radius: 3px;
}
.settingpsw .sp-bd .sp-btns button:hover {
  background: #337ed5;
  border: 1px solid #337ed5;
}
.settingpsw .sp-bd .sp-btns button:active {
  background: #337ed5;
  border: 1px solid #337ed5;
}
.settingpsw .sp-bd .sp-btns button:disabled,
.settingpsw .sp-bd .sp-btns button[disabled] {
  cursor: default;
  border-color: #dbdbdb !important;
  background: #ebebeb !important;
  color: #989898 !important;
}
.settingpsw .sp-bd .sp-btns .sp-btn-ok {
  float: left;
}
.settingpsw .sp-bd .sp-btns .sp-btn-cancel {
  color: #82b6f4;
  background-color: #fff;
  border-color: #5d9be3;
  float: right;
}
.settingpsw .sp-bd .sp-btns .sp-btn-cancel:hover {
  border-color: #398dee;
  background: -webkit-linear-gradient(top, #f0f0f0, #fff);
}
.checkpsw-wrapper {
  position: relative;
  height: 100%;
}
.checkpsw {
  position: relative;
  top: 35%;
  max-width: 220px;
  margin: 0 auto;
}
.checkpsw .check-bd input {
  line-height: 28px;
  width: 130px;
  border-radius: 3px 0 0 3px;
  background-color: white;
}
.checkpsw .check-bd .check-btn-unlock {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0;
  padding: 0 5px;
  line-height: 32px;
  color: #ffffff;
  background: #398dee;
  border-radius: 2px;
  border: 1px solid #398dee;
  cursor: pointer;
  outline: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  line-height: 38px;
  border-radius: 0 3px 3px 0;
}
.checkpsw .check-bd .check-btn-unlock:hover {
  background: #337ed5;
  border: 1px solid #337ed5;
}
.checkpsw .check-bd .check-btn-unlock:active {
  background: #337ed5;
  border: 1px solid #337ed5;
}
.checkpsw .check-bd .check-btn-unlock:disabled,
.checkpsw .check-bd .check-btn-unlock[disabled] {
  cursor: default;
  border-color: #dbdbdb !important;
  background: #ebebeb !important;
  color: #989898 !important;
}
.checkpsw .check-ft {
  overflow: hidden;
  line-height: 30px;
  margin-top: 5px;
}
.checkpsw .check-ft .cancel-password {
  float: left;
}
.checkpsw .check-ft .forget-password {
  float: right;
}
.checkpsw .error {
  position: absolute;
  top: -26px;
}
.widget-dialog.cancel-psw .widget-dialog-body {
  padding: 0 30px;
}
.widget-dialog.cancel-psw .cancel-container input {
  width: 200px;
  background-color: white;
}
.widget-dialog.cancel-psw .cancel-container a {
  color: #82b6f4;
  display: block;
  margin-left: 162px;
}
.widget-dialog.cancel-psw .cancel-container .btn-confirm {
  margin-left: 0;
  float: left;
}
.widget-dialog.cancel-psw .cancel-container .error {
  position: absolute;
  top: 34px;
  left: 34px;
}
.expire {
  position: absolute;
  top: 125px;
  left: 50%;
  margin-left: -80px;
  width: 160px;
}
.expire i {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: 0px 0px;
  width: 143px;
  height: 73px;
  margin-left: 8px;
  display: inline-block;
}
.expire .expire-body {
  color: #393939;
  font-size: 18px;
  font-weight: normal;
  margin-top: 30px;
  width: 160px;
  text-align: center;
}
.psw-input {
  position: absolute;
  top: 125px;
  left: 50%;
  margin-left: -230px;
}
.psw-input .ico-password {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -147px 0px;
  width: 143px;
  height: 72px;
  margin-top: 4px;
  display: inline-block;
}
.psw-input .password-right {
  display: inline-block;
  margin-left: 30px;
  vertical-align: top;
}
.psw-input .password-right .password-body {
  color: #393939;
  font-size: 18px;
  font-weight: normal;
}
.psw-input .password-right .password-input-box {
  height: 58px;
  width: 280px;
  margin-top: 16px;
}
.psw-input .password-right .password-input-box .password-input {
  width: 100%;
  height: 40px;
  border: 1px #D1D1D1 solid;
  box-sizing: border-box;
  border-radius: 2px;
}
.psw-input .password-right .password-input-box .password-error {
  font-size: 12px;
  color: #EE4239;
}
.psw-input .password-right .captcha-input-box {
  height: 58px;
}
.psw-input .password-right .captcha-input-box .captcha-input {
  width: 160px;
  height: 40px;
  border: 1px #D1D1D1 solid;
  box-sizing: border-box;
  border-radius: 2px;
}
.psw-input .password-right .captcha-input-box #captcha-pic {
  margin-left: 10px;
  width: 110px;
  height: 40px;
  border: 1px #D1D1D1 solid;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
.psw-input .password-right .captcha-input-box .change-text {
  display: inline-block;
  color: #398DEE;
  font-size: 12px;
  margin-left: 14px;
  cursor: pointer;
}
.psw-input .password-right .captcha-input-box .captcha-error {
  font-size: 12px;
  color: #EE4239;
}
.psw-input .password-right .confirm {
  width: 100px;
  height: 40px;
  font-size: 14px;
  min-width: 82px;
  background-color: #398dee;
  border: 1px solid #337ed5;
  text-align: center;
  border-radius: 2px;
  color: #ffffff;
  display: block;
  line-height: 40px;
  margin-top: 12px;
}
.psw-input .password-right .confirm:hover {
  border: 1px solid #337ed5;
  background: #337ed5;
}
.widget-dialog.trace .widget-dialog-header {
  margin: 15px 0;
}
.widget-dialog.trace .widget-dialog-body {
  line-height: 1;
  border-top: 1px solid #e4e5e7;
}
.widget-dialog.trace .widget-dialog-body #ynote-history {
  vertical-align: middle;
}
.widget-dialog.no-header .widget-dialog-header {
  display: none;
}
.widget-dialog.macIAP .widget-dialog-container {
  background: #f7f7f8;
}
.widget-dialog.macIAP .widget-dialog-header {
  margin: 0;
}
.translate-dialog .widget-dialog-body {
  box-sizing: border-box;
  padding: 0 30px;
}
.translate-dialog .ts-second-title {
  line-height: 16px;
  margin: 20px 0;
}
.translate-dialog .ts-left-label {
  margin-left: 25px;
}
.translate-dialog .fs-gray {
  color: gray;
  margin-left: 5px;
}
.translate-dialog .ts-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}
.translate-dialog .ts-flex > button {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-align-items: center;
          align-items: center;
  height: 32px;
  width: 92px;
  border: 1px solid #e6e6e6;
  color: gray;
  cursor: pointer;
}
.translate-dialog .ts-flex .ts-upload-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 77.74480712166172%;
  width: 20px;
  height: 20px;
}
.translate-dialog .ts-flex .ts-file-name {
  margin-left: 20px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*@file-selector-font-black: #595959;*/
.sidebar {
  height: 100%;
  width: 0;
  border-right: 1px solid #e0e1e5;
  position: relative;
}
.sidebar .collapse-layout {
  display: none;
}
.sidebar.collapse .collapse-layout {
  display: block;
}
.sidebar.collapse .expand-layout {
  display: none;
}
.sidebar .hd {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px #fff;
  height: 40px;
  line-height: 40px;
  padding: 10px 0;
  white-space: nowrap;
}
.sidebar .hd .template-dot {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #fe695d;
  border-radius: 50%;
  right: 18px;
  top: 8px;
}
.sidebar .hd .template-dot.mac {
  right: 38px;
  top: 5px;
}
.sidebar .hd .create,
.sidebar .hd .upload {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin-left: 30px;
}
.sidebar .hd .create .icon-creates,
.sidebar .hd .upload .icon-creates,
.sidebar .hd .create .icon-uploads,
.sidebar .hd .upload .icon-uploads {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.sidebar .hd .create .create-text,
.sidebar .hd .upload .create-text,
.sidebar .hd .create .upload-text,
.sidebar .hd .upload .upload-text {
  display: inline-block;
  font-size: 12px;
  margin-left: 8px;
  color: #393939;
}
.sidebar .hd .create .arrow-down,
.sidebar .hd .upload .arrow-down {
  position: relative;
  top: 2px;
  left: 2px;
}
.sidebar .hd .create .arrow-down .arrow,
.sidebar .hd .upload .arrow-down .arrow {
  position: relative;
  width: 6px;
  height: 8px;
  display: inline-block;
}
.sidebar .hd .create .arrow-down .arrow:before,
.sidebar .hd .upload .arrow-down .arrow:before {
  border: 3px solid transparent;
  border-top: 4px solid #959fb1;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  content: ' ';
}
.sidebar .hd .create .widget-menu,
.sidebar .hd .upload.toggle .widget-menu {
  left: 0px;
  top: 18px;
  position: absolute;
}
.sidebar .hd .create.disabled {
  cursor: auto;
  cursor: initial;
}
.sidebar .hd .create.disabled .create-text {
  color: #c1c1c1;
}
.sidebar .hd .create.disabled .arrow-down .arrow {
  position: relative;
  width: 6px;
  height: 8px;
  display: inline-block;
}
.sidebar .hd .create.disabled .arrow-down .arrow:before {
  border: 3px solid transparent;
  border-top: 4px solid #c1c1c1;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  content: ' ';
}
.sidebar .sidebar-content {
  position: absolute;
  top: 61px;
  bottom: 60px;
  width: 100%;
}
.sidebar .sidebar-item {
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  cursor: pointer;
  padding: 0 30px;
  box-sizing: border-box;
  border: 1px solid transparent;
  color: #393939;
  white-space: nowrap;
  -webkit-user-drag: none;
}
.sidebar .sidebar-item .icon-recent-modified,
.sidebar .sidebar-item .icon-myshare,
.sidebar .sidebar-item .icon-tag,
.sidebar .sidebar-item .icon-trash,
.sidebar .sidebar-item .icon-grade,
.sidebar .sidebar-item .icon-vip {
  display: inline-block;
  vertical-align: middle;
}
.sidebar .sidebar-item .sidebar-item-text {
  display: inline-block;
  margin-left: 5px;
  line-height: 40px;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.sidebar .sidebar-item.selected {
  background: #398dee;
  border: 1px solid #2280ed;
  border-color: #2280ed transparent;
  color: #fff;
}
.sidebar .sidebar-ft {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.sidebar .sidebar-ft a {
  display: block;
  margin: 15px 20px;
  text-align: center;
}
.sidebar .sidebar-ft a img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
.sidebar .sidebar-ft .ad-text {
  position: absolute;
  padding: 2px 8px;
  border-radius: 14px;
  background-color: rgba(104, 123, 119, 0.8);
  color: #eee;
  left: 24px;
  bottom: 22px;
}
.sidebar .collapse-layout {
  padding-top: 40px;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  min-height: 450px;
}
.sidebar .collapse-layout .template-dot {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #fe695d;
  border-radius: 50%;
  right: 18px;
  top: 8px;
}
.sidebar .collapse-layout .template-dot.mac {
  right: 14px;
}
.sidebar .collapse-layout .sidebar-item {
  height: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  box-sizing: border-box;
  padding: 0;
}
.sidebar .collapse-layout .sidebar-item.create {
  position: relative;
  width: 36px;
  height: 36px;
  margin: 0 auto 20px;
  background-color: #ffffff;
  box-shadow: 0 2px 2px 0 rgba(116, 133, 161, 0.13);
  border: solid 1px rgba(173, 184, 196, 0.28);
  border-radius: 50%;
}
.sidebar .collapse-layout .sidebar-item.sidebar-expand {
  position: absolute;
  padding: 0 30px;
  bottom: 0;
}
.file-remove-confirm p,
.file-restore-confirm p {
  line-height: 20px;
}
.file-remove-confirm .desc,
.file-restore-confirm .desc {
  color: #999;
}
.viewport {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: 520px;
  z-index: 2;
}
.viewport .list-detail {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.viewport .file-region {
  position: absolute;
  border: 1px solid #91b4e5;
  background: #d7e1f1;
  -webkit-opacity: 0.5;
  opacity: 0.5;
}
.detail-container {
  position: absolute;
  left: 281px;
  top: 0;
  right: 0;
  bottom: 0;
}
.detail-container .detail {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff;
}
.detail-container.isSingle {
  left: 0;
}
.comment-container {
  position: absolute;
  width: 260px;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  border-left: 1px solid #e0e1e5;
  padding: 15px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 51;
}
.file-drag-proxy {
  position: fixed;
  display: block;
  background: #f4f4f4;
  padding: 4px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  z-index: 1000;
}
.file-drag-proxy .svg_multi_drag {
  display: inline-block;
}
.file-drag-proxy .count {
  position: absolute;
  color: #fff;
  background: #91cb98;
  border-radius: 2px;
  padding: 0 5px;
  left: 16px;
  top: 18px;
}
.upload-dialog-container {
  display: none !important;
}
.show-icon {
  padding: 16px 16px 0;
}
.show-icon div {
  margin: 0 auto;
}
.show-icon .show-icon-box {
  position: relative;
  background: #f2f4fa;
  border: 1px solid #d2d2d2;
  margin: 0 auto;
  width: 260px;
  height: 200px;
  display: inline-block;
}
.show-icon .show-icon-box #cropTarget {
  max-width: 100%;
  max-height: 100%;
}
.show-icon .show-icon-box .img-jcrop {
  height: 0px;
}
.show-icon .show-icon-box .img-loading {
  height: 206px;
  line-height: 206px;
  text-align: center;
  color: #7ba3dc;
  font-size: 14px;
}
.show-icon .preview {
  display: inline-block;
  position: absolute;
  right: 16px;
}
.show-icon .preview .preview-container {
  width: 120px;
  height: 120px;
  border: 1px solid #d2d2d2;
  overflow: hidden;
}
.show-icon .preview .preview-hint {
  display: inline-block;
}
.top-banner {
  position: relative;
  width: 100%;
  height: 50px;
  z-index: 100;
  background: #398dee;
  min-width: 956px;
}
.phone-tip {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #FE4E4C;
  position: absolute;
  right: 43px;
}
.office-preview-ct {
  overflow: hidden;
}
.office-preview-ct .office-preview-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.office-preview-ct .detail-file-icon {
  display: none;
  text-align: center;
  margin-top: 200px;
}
.office-preview-ct .detail-file-icon svg {
  width: 60px;
  height: 68px;
}
.office-convert-dialog {
  margin: auto;
  margin-top: 160px;
  padding: 21px 32px;
  width: 340px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.office-convert-dialog .office-convert-message {
  width: 340px;
  font-size: 12px;
  line-height: 22px;
  color: #595959;
}
.office-convert-dialog .office-convert-btn {
  margin: 24px 0 19px;
}
.office-convert-dialog .office-convert-btn .office-convert-edit {
  display: inline-block;
  margin: 0 20px 0 106px;
  width: 108px;
  height: 34px;
  background-color: #398dee;
  border-radius: 3px;
  font-size: 12px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.office-convert-dialog .office-convert-btn .office-convert-edit:hover {
  background-color: #337ed5;
}
.office-convert-dialog .office-convert-btn .office-convert-preview {
  display: inline-block;
  width: 96px;
  height: 34px;
  background-color: #fff;
  border: 1px solid rgba(92, 155, 227, 0.8);
  border-radius: 3px;
  font-size: 12px;
  line-height: 34px;
  color: #82b6f4;
  text-align: center;
  cursor: pointer;
}
.office-convert-dialog .office-convert-btn .office-convert-preview:hover {
  border-color: #398dee;
  background: -webkit-linear-gradient(top, #f0f0f0, #fff);
}
.office-convert-dialog .office-convert-label {
  color: #868686;
  size: 12px;
}
.office-convert-dialog .office-convert-label .label-checkbox {
  display: inline-block;
  position: relative;
  top: 4px;
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -40px -205px;
  width: 16px;
  height: 16px;
}
.office-convert-dialog .office-convert-label input[type="checkbox"] {
  display: none;
}
.office-convert-dialog .office-convert-label input[type="checkbox"]:checked + .label-checkbox {
  background-image: url(images/sprite-88c3837aec.png);
  background-position: 0px -205px;
  width: 16px;
  height: 16px;
}
.pdf-preview-ct .pdf-preview-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.pdf-preview-iframe:-webkit-full-screen .pdf-toolbar {
  display: none;
}
.pdf-preview-iframe:-moz-full-screen .pdf-toolbar {
  display: none;
}
.pdf-preview-iframe:-ms-full-screen .pdf-toolbar {
  display: none;
}
.pdf-preview-iframe:-webkit-full-screen .pdf-toolbar {
  display: none;
}
.pdf-preview-iframe:fullscreen .pdf-toolbar {
  display: none;
}
.pdf-toolbar {
  position: relative;
  padding: 12px 24px;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 4px;
  opacity: 0;
  transition: opacity .3s ease;
}
.pdf-toolbar-container {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 280px;
  margin-left: -140px;
  text-align: center;
  white-space: nowrap;
  z-index: 1;
}
.pdf-toolbar:hover,
.pdf-toolbar.active {
  opacity: 1;
}
.pdf-toolbar-page {
  margin-right: 10px;
}
.pdf-toolbar-page-next,
.pdf-toolbar-page-prev {
  padding: 0;
  border: 0;
  background: none;
  vertical-align: middle;
  opacity: .8;
  transition: opacity .2s ease;
  margin-right: 2px;
  border: 1px solid #AAA;
  border-radius: 10px;
}
.pdf-toolbar-page-next:hover,
.pdf-toolbar-page-prev:hover {
  cursor: pointer;
  opacity: 1;
}
.pdf-toolbar-page-next > svg,
.pdf-toolbar-page-prev > svg {
  display: block;
}
.pdf-toolbar-page-next > svg,
.pdf-toolbar-page-prev > svg {
  padding: 5px;
  width: 8px;
  height: 8px;
}
.pdf-toolbar-zoom-out,
.pdf-toolbar-zoom-in {
  padding: 0;
  border: 0;
  background: none;
  vertical-align: middle;
  opacity: .8;
  transition: opacity .2s ease;
  padding-left: 6px;
  padding-right: 6px;
  border: 1px solid #AAA;
  border-radius: 10px;
}
.pdf-toolbar-zoom-out:hover,
.pdf-toolbar-zoom-in:hover {
  cursor: pointer;
  opacity: 1;
}
.pdf-toolbar-zoom-out > svg,
.pdf-toolbar-zoom-in > svg {
  display: block;
}
.pdf-toolbar-zoom-out > svg,
.pdf-toolbar-zoom-in > svg {
  padding: 4px;
  width: 10px;
  height: 10px;
}
.pdf-toolbar-fullscreen {
  padding: 0;
  border: 0;
  background: none;
  vertical-align: middle;
  opacity: .8;
  transition: opacity .2s ease;
}
.pdf-toolbar-fullscreen:hover {
  cursor: pointer;
  opacity: 1;
}
.pdf-toolbar-fullscreen > svg {
  display: block;
}
.pdf-toolbar-fullscreen > svg {
  padding: 1px;
  width: 18px;
  height: 18px;
}
.pdf-toolbar-zoom-group {
  margin-left: 8px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.pdf-toolbar-zoom-group > button {
  float: left;
}
.pdf-toolbar-zoom-group > button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pdf-toolbar-zoom-group > button:last-child {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.note .detail-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.note .detail-wrapper .note-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.note .detail-wrapper .note-container .collecting-bd {
  height: calc(100% - 60px);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
}
.note .detail-wrapper .note-container .collecting-bd .collecting-container {
  position: absolute;
  top: 50%;
  margin-top: -90px;
  left: 50%;
  margin-left: -150px;
}
.note .note-tip {
  width: 80px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: -46px;
  right: 200px;
  font-size: 11px;
  color: #82B6F4;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #e2e2e2;
  z-index: 50;
  cursor: pointer;
  background-color: #fff;
}
.note .note-tip:hover {
  color: #398dee;
  border: 1px solid #B9BBC5;
}
.note .note-tip.hd-inside {
  top: 14px;
}
.note .hd .jiancang {
  line-height: 60px;
}
.note .collecting-bd .collecting-icon {
  width: 100%;
}
.note .collecting-bd .collecting-text {
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  color: #999999;
}
.note .collab-hd {
  padding: 0 20px;
  height: 30px;
  border-bottom: 1px solid #f1f1f1;
  display: -webkit-flex;
  position: relative;
}
.note .collab-hd .latest-time {
  position: relative;
  height: 100%;
  line-height: 30px;
  color: #868686;
  font-size: 12px;
  cursor: pointer;
}
.note .collab-hd .latest-time:hover {
  text-decoration: underline;
}
.note .collab-hd .latest-time .latest-time-hover {
  position: absolute;
  top: 30px;
  left: 0;
  color: #fff;
  width: 194px;
  text-align: center;
  background-color: #4e4e4e;
  z-index: 100;
  cursor: pointer;
}
.note .collab-hd .latest-time .latest-time-hover:before {
  position: absolute;
  content: '';
  display: block;
  top: -12px;
  left: 36px;
  border: 6px solid;
  border-color: transparent transparent #4e4e4e transparent;
}
.note .collab-hd .attendee-hint {
  position: absolute;
  right: 30px;
  top: 4px;
  height: 30px;
  cursor: pointer;
}
.note .collab-hd .attendee-hint .attendee-icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-size: cover;
}
.note .collab-hd .attendee-hint .attendee-num {
  vertical-align: middle;
  font-size: 12px;
  color: #559df0;
}
.note .collab-hd .attendee-hint .attendee-menu {
  position: absolute;
  top: 26px;
  right: 0px;
  padding: 20px;
  min-width: 120px;
  max-height: 420px;
  overflow-y: auto;
  border-radius: 2px;
  box-shadow: 0 1px 16px rgba(90, 109, 122, 0.2);
  background-color: white;
  cursor: default;
  z-index: 200;
}
.note .collab-hd .attendee-hint .attendee-menu .attendee-menu-item {
  padding: 0 0 10px 0;
}
.note .collab-hd .attendee-hint .attendee-menu .attendee-menu-item .photo {
  display: inline-block;
  position: relative;
  line-height: 30px;
}
.note .collab-hd .attendee-hint .attendee-menu .attendee-menu-item .photo .portrait {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  border-radius: 50%;
  background-size: cover;
}
.note .collab-hd .attendee-hint .attendee-menu .attendee-menu-item .photo .color-bg {
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: white;
}
.note .collab-hd .attendee-hint .attendee-menu .attendee-menu-item .photo .color {
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.note .collab-hd .attendee-hint .attendee-menu .attendee-menu-item .nickname {
  display: inline-block;
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.note .content-container .note-detail .detail-bd .content iframe,
.note .content-container .note-detail .detail-bd .content .yne-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.note .content-container.slt .note-tip {
  top: -77px;
}
.note .collab-frame {
  width: 100%;
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.clipboard-error .left {
  width: 60%;
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
}
.clipboard-error .right {
  display: inline-block;
}
.clipboard-error .right .menu-key {
  font-size: 24px;
  line-height: 30px;
}
.clipboard-error .right .menu-hint {
  font-size: 14px;
  text-align: center;
}
.clipboard-error .menu-keys {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: space-around;
          justify-content: space-around;
}
.clipboard-error .error-content {
  margin-bottom: 14px;
}
.count-words .count-all,
.count-words .count-language {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 5px 0;
}
.count-words .count-all .count-title,
.count-words .count-language .count-title {
  color: #868686;
}
.count-words .count-all .svg_help,
.count-words .count-language .svg_help {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 85.6353591160221% 86.25730994152046%;
  width: 15px;
  height: 15px;
}
.count-words .count-all .icon-help,
.count-words .count-language .icon-help {
  display: inline-block;
  vertical-align: text-bottom;
}
.file-upload {
  text-align: center;
  font-size: 14px;
}
#hidden-editor {
  position: absolute;
  height: 1px;
  width: 1px;
  left: -100px;
  top: -100px;
}
.paper .paper-dialog p {
  padding: 0 20px;
}
.paper .paper-dialog ul {
  height: 70px;
  margin-top: 20px;
}
.paper .paper-dialog ul li {
  position: relative;
  width: 60px;
  height: 60px;
  float: left;
  margin-left: 48px;
  border-radius: 50%;
  background-color: #fff;
  border: 3px solid #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.paper .paper-dialog ul li div {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12);
}
.paper .paper-dialog ul li:hover {
  box-shadow: 0 0 0 1.5px #4c98ef;
}
.paper .paper-dialog ul li .vipBg {
  display: block;
  position: absolute;
  bottom: -4px;
  right: 0;
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 72.82913165266106% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.paper .paper-dialog ul li .selected-icon {
  display: none;
  position: absolute;
  top: 23px;
  left: 20px;
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -128px -181px;
  width: 20px;
  height: 14px;
}
.paper .paper-dialog ul li.selected {
  box-shadow: 0 0 0 1.5px #4c98ef;
}
.paper .paper-dialog ul li.selected .selected-icon {
  display: block;
}
.paper .paper-dialog .widget-dialog-footer {
  text-align: right;
}
.paper .paper-error-dialog p {
  padding: 0 20px;
}
.paper .paper-error-dialog form {
  padding: 10px 20px;
}
.paper .paper-error-dialog form input {
  vertical-align: middle;
}
.template .template-dialog {
  padding-bottom: 32px;
}
.template .template-dialog ul {
  margin-left: 32px;
  max-height: 400px;
  overflow-y: auto;
}
.template .template-dialog ul li {
  position: relative;
  height: 120px;
  margin-bottom: 20px;
}
.template .template-dialog ul li img {
  width: 120px;
  height: 100%;
}
.template .template-dialog ul li .tp-right {
  position: absolute;
  top: 0;
  left: 140px;
  line-height: 1;
}
.template .template-dialog ul li .tp-right .row1 {
  margin-top: 12px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.template .template-dialog ul li .tp-right .row1 .highlight {
  margin-left: 4px;
  padding: 0 6px;
  height: 16px;
  line-height: 16px;
  font-size: 11px;
  font-weight: normal;
  color: #fff;
  background-color: #fe695d;
  border-radius: 8px 0 8px 0;
  text-align: center;
}
.template .template-dialog ul li .tp-right .tp-des {
  margin-top: 7px;
  font-size: 12px;
  color: #999;
  line-height: 1.5;
}
.template .template-dialog ul li .tp-right .tp-des b {
  padding: 0 2px;
  color: #666;
  font-weight: 500;
}
.template .template-dialog ul li .tp-right .row3 {
  position: absolute;
  top: 68px;
  left: 0;
}
.template .template-dialog ul li .tp-right .row3 .tp-use {
  width: 96px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #fff;
  background-color: #248aff;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
}
.template .template-dialog ul li .tp-right .row3 .tp-use:hover {
  background-color: #1E75D9;
}
.template .template-dialog ul li .tp-right .row3 .tp-training {
  position: absolute;
  top: 0;
  left: 106px;
  width: 124px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #248aff;
  border-radius: 2px;
  border: 1px solid #248aff;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
.template .template-dialog ul li .tp-right .row3 .tp-training:hover {
  color: #1E75D9;
  border-color: #1E75D9;
}
.template .template-dialog ul li.more {
  cursor: normal;
}
.template .template-dialog ul li.more .tp-right .tp-name {
  margin-top: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.template .template-dialog ul li.more .tp-right .tp-des {
  margin-top: 4px;
}
.template .template-dialog ::-webkit-scrollbar {
  height: 8px;
  width: 6px;
  background: transparent;
  border-radius: 3px;
}
.template .template-dialog ::-webkit-scrollbar-thumb {
  width: 6px;
  min-height: 15px;
  background: rgba(118, 176, 243, 0.3);
  border-radius: 3px;
}
.image .detail-image-bd {
  padding: 20px;
  vertical-align: middle;
  text-align: center;
  height: calc(100% - 100px);
  overflow-y: auto;
  overflow-x: hidden;
}
.image .detail-image-bd .detail-image {
  cursor: pointer;
  max-width: 90%;
  vertical-align: middle;
  display: inline-block;
  box-shadow: 1px 1px 5px #B3B3B3;
}
.image .detail-image-bd .help-vertical {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}
.setting-wrapper {
  height: 100%;
}
.setting-wrapper .setting {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.transfer-enex-dialog {
  text-align: center;
  font-size: 13px;
}
.transfer-enex-dialog .loading {
  height: 60px;
  position: relative;
}
.transfer-enex-success-dialog {
  padding: 0 30px;
}
.transfer-enex-success-dialog .success-icon {
  float: left;
  display: block;
  margin-right: 10px;
  margin-top: 5px;
  background-image: url(images/sprite-88c3837aec.png);
  background-position: -156px -129px;
  width: 41px;
  height: 36px;
}
.transfer-enex-success-dialog .content {
  margin-bottom: 20px;
}
.transfer-enex-success-dialog .content-title {
  font-size: 16px;
  color: #4A90E2;
}
.transfer-enex-success-dialog .content-desc {
  color: #595959;
  line-height: 20px;
  margin-left: 52px;
}
.text-preview-header {
  border-bottom: 1px solid #e0e1e5;
}
.text-preview-info {
  border-top: 0;
}
.text-viewer {
  margin: 20px 20px 0 25px;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 14px;
}
.detail .text-container {
  cursor: default;
}
.text-preview-ct {
  overflow: auto;
}
.csv-viewer {
  margin: 20px 20px 0 25px;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-size: 14px;
}
.file-detail.csv {
  cursor: default;
}
.csv-preview-ct {
  overflow: auto;
}
.file-detail.md .content-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.file-detail.md .hd-btn {
  width: 80px;
  margin-right: 10px;
}
.file-detail.md .toggle-btn {
  margin-top: 20px;
}
/*图片上传弹窗样式*/
.upload-img {
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
  width: 400px;
  color: #868686;
  font-size: 12px;
}
.upload-img p {
  line-height: 20px;
}
.upload-img .insert-imgurl {
  font-size: 12px;
  text-align: left;
  color: #868686;
}
.upload-img .loadbtn {
  cursor: pointer;
  border-radius: 2px;
  width: 82px;
  height: 34px;
  border-radius: 3px;
}
.upload-img .loadbtn.local-img {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  width: 65px;
  height: 32px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #398dee;
  color: #398dee;
  margin-left: 10px;
  box-sizing: border-box;
}
.upload-img .loadbtn.local-img .sprite_vip_diamond {
  margin-right: 3px;
}
.upload-img .loadbtn.primary {
  background-color: #868686;
  color: white;
}
.upload-img .loadbtn.primary.enable-btn {
  background-color: #398dee;
}
.upload-img .loadbtn.secondary {
  background-color: white;
  color: #398dee;
  margin-left: 20px;
}
.upload-img .reminder {
  margin-top: 10px;
}
.upload-img .make-sure {
  color: #393939;
  position: absolute;
  right: 0px;
}
.upload-img .enable-btn {
  vertical-align: middle;
  padding: 0 10px;
  line-height: 32px;
  color: #ffffff;
  background: #398dee;
  border-radius: 2px;
  border: 1px solid #398dee;
  cursor: pointer;
  outline: none;
}
.upload-img .upload-bar {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
          align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
}
.upload-img .upload-bar span {
  display: inline-block;
  -webkit-flex-grow: 0;
          flex-grow: 0;
}
.upload-img .upload-bar span.false-url {
  display: none;
  float: right;
  color: #FF0000;
}
.upload-img .upload-bar span.misaddress {
  display: block;
}
.upload-img .upload-bar div {
  display: inline-block;
}
.upload-img .upload-bar div .error {
  color: #dd5656;
  display: none;
  margin-top: 4px;
}
.upload-img .upload-bar div .error.show {
  display: block;
  position: absolute;
}
.upload-img .upload-bar div.label {
  -webkit-flex-grow: 0;
          flex-grow: 0;
  margin-right: 11px;
}
.upload-img .upload-bar div.edit-container {
  -webkit-flex-grow: 1;
          flex-grow: 1;
}
.upload-img .upload-bar input {
  display: inline-block;
  -webkit-flex-grow: 0;
          flex-grow: 0;
}
.upload-img .upload-bar input.imgurl-container {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.upload-img .button-bar {
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.markdown-download {
  color: #868686;
  font-size: 12px;
  padding: 0 30px;
}
.markdown-download .btns {
  margin-top: 20px;
  margin-bottom: 30px;
}
.markdown-download .btns .primary {
  float: right;
}
.file-detail.code .content-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.scan .detail-scan-bd {
  padding: 20px;
  vertical-align: middle;
  text-align: center;
  height: calc(100% - 100px);
  overflow-y: auto;
  overflow-x: hidden;
}
.scan .detail-scan-bd .list-scan {
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
}
.scan .detail-scan-bd .detail-scan {
  cursor: pointer;
  max-width: 90%;
  vertical-align: middle;
  display: inline-block;
  box-shadow: 1px 1px 5px #B3B3B3;
}
.myshare-error .myshare-error-bd {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
}
.myshare-error .myshare-error-bd .error-ico {
  display: inline-block;
  margin-bottom: 10px;
}
.myshare-error .myshare-error-bd .error-ico.svg_myshare_server_error {
  width: 60px;
  height: 47px;
  background: url(images/time-out-3e1f1f797e.png) no-repeat center;
}
.myshare-error .myshare-error-bd .error-ico.svg_myshare_ban_error {
  width: 53px;
  height: 50px;
  background: url(images/ban-1cf7629ff5.png) no-repeat center;
}
.myshare-error .myshare-error-bd .error-ico.svg_myshare_noShare_error {
  width: 68px;
  height: 50px;
  background: url(images/noShare-c1825e1f7b.png) no-repeat center;
}
.myshare-error .myshare-error-bd .myshare-no-content .unshare {
  color: #868686;
  margin-bottom: 10px;
}
.myshare-error .myshare-error-bd .myshare-no-content .server-error,
.myshare-error .myshare-error-bd .myshare-no-content .network-error {
  color: #868686;
  margin-bottom: 24px;
}
.myshare-error .myshare-error-bd .myshare-no-content .btn {
  width: 100px;
}
.top-banner .top-line {
  display: inline-block;
  margin: 0 20px;
  background-color: rgba(0, 0, 0, 0.13);
  box-shadow: 1px 0 rgba(255, 255, 255, 0.22);
  width: 1px;
  height: 14px;
  position: relative;
  top: 2px;
}
.top-banner .top-left {
  height: 100%;
  position: absolute;
  top: 0;
  left: 18px;
}
.top-banner .top-left .logo {
	 padding: 30px ;
  font: 25px '微软雅黑';
  font-weight: bold;
	color: rgba(255, 255, 255, 0.6);

}
.top-banner .top-left .href {
  display: inline-block;
}
.top-banner .top-left .ydoc-tab,
.top-banner .top-left .group-tab {
  font-size: 14px;
  color: #fff;
  line-height: 50px;
  width: 76px;
  display: inline-block;
  text-align: center;
}
.top-banner .top-left .ydoc-tab {
  margin-left: 56px;
  background-color: rgba(0, 0, 0, 0.15);
}
.top-banner .top-left .group-tab {
  color: rgba(255, 255, 255, 0.6);
}
.top-banner .top-right {
  height: 100%;
  position: absolute;
  top: 0;
  right: 20px;
}
.top-banner .top-right .own-info {
  position: relative;
  display: inline-block;
}
.top-banner .top-right .own-info .own-photo {
  width: 38px;
  height: 38px;
  margin: 6px 8px;
  border-radius: 5px;
  vertical-align: middle;
  cursor: pointer;
  -wekbit-user-drag: none;
}
.top-banner .top-right .own-info .own-vip {
  position: absolute;
  right: -1px;
  bottom: 4px;
}
.top-banner .top-right .info-more {
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 50px;
  text-align: center;
  color: #dbdddd;
  cursor: pointer;
}
.top-banner .top-right .info-more .arrow-line-down .arrow-line {
  position: relative;
  width: 10px;
  height: 10px;
  display: inline-block;
}
.top-banner .top-right .info-more .arrow-line-down .arrow-line:after,
.top-banner .top-right .info-more .arrow-line-down .arrow-line:before {
  border: 5px solid transparent;
  border-top: 5px solid #398dee;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  content: ' ';
}
.top-banner .top-right .info-more .arrow-line-down .arrow-line:before {
  border-top-color: rgba(255, 255, 255, 0.7);
  top: 2px;
  border-radius: 2px;
}
.top-banner .top-right .info-more .widget-menu {
  font-size: 12px;
  text-align: left;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item .link {
  position: relative;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item .link.hint_point::after {
  content: '';
  display: block;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background-color: red;
  position: absolute;
  top: 8px;
  right: -9px;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item.li-link {
  padding: 0;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item.li-link .link {
  padding: 0 20px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item.li-link .link::after {
  right: 46px;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item .arrow-right .arrow {
  position: relative;
  width: 8px;
  height: 10px;
  display: inline-block;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item .arrow-right .arrow:before {
  border: 5px solid transparent;
  border-left: 4px solid #adb8c4;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  content: ' ';
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item .arrow-right .arrow {
  position: relative;
  width: 8px;
  height: 10px;
  display: inline-block;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item .arrow-right .arrow:before {
  border: 5px solid transparent;
  border-left: 4px solid #adb8c4;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  content: ' ';
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item .widget-menu-second {
  display: none;
  top: 0 !important;
  left: 120px !important;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item:hover .widget-menu-second {
  display: block;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item:hover .widget-menu-second .widget-menu-item a {
  color: #999;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item:hover .widget-menu-second .widget-menu-item:hover {
  color: #76b0f3;
  background: #f4f9ff;
  cursor: pointer;
}
.top-banner .top-right .info-more .widget-menu .widget-menu-item:hover .widget-menu-second .widget-menu-item:hover a {
  color: #76b0f3;
}
.top-banner .top-right .to-website,
.top-banner .top-right .update-vip,
.top-banner .top-right .top-btns,
.top-banner .top-right .pc-btn {
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 50px;
}
.top-banner .top-right .to-website {
  margin-left: 20px;
}
.sidebar {
  background-color: #f5f5f5;
}
.sidebar .hd .create {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  width: 100px;
  display: block;
}
.sidebar .hd .create .icon-creates {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.78510028653295% 0;
  width: 28px;
  height: 28px;
}
.sidebar .hd .create:hover .create-text,
.sidebar .hd .create:active .create-text {
  color: #398dee;
}
.sidebar .sidebar-content .tag-container .icon-tag {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 7.207207207207207%;
  width: 24px;
  height: 24px;
}
.sidebar .sidebar-item .icon-recent-modified {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.78753541076487% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.sidebar .sidebar-item .icon-myshare {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 74.78753541076487% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.sidebar .sidebar-item .icon-tag {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 7.207207207207207%;
  width: 24px;
  height: 24px;
}
.sidebar .sidebar-item .icon-myfolder {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 36.03603603603604%;
  width: 24px;
  height: 24px;
}
.sidebar .sidebar-item .icon-trash {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 67.98866855524079% 81.38138138138139%;
  width: 24px;
  height: 24px;
}
.sidebar .sidebar-item .menu-trigger {
  position: absolute;
  top: 13px;
  right: 21px;
  cursor: pointer;
  display: none;
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 68.31955922865014% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.sidebar .sidebar-item:hover,
.sidebar .sidebar-item:active,
.sidebar .sidebar-item.hover {
  background: #e4edf8;
}
.sidebar .sidebar-item:hover .menu-trigger,
.sidebar .sidebar-item:active .menu-trigger,
.sidebar .sidebar-item.hover .menu-trigger {
  display: block;
}
.sidebar .sidebar-item.selected {
  background: #398dee;
  border: 1px solid #2280ed;
  border-color: #2280ed transparent;
  color: #fff;
}
.sidebar .sidebar-item.selected .icon-recent-modified {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 0;
  width: 24px;
  height: 24px;
}
.sidebar .sidebar-item.selected .icon-myshare {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 33.994334277620396% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.sidebar .sidebar-item.selected .icon-myfolder {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 43.24324324324324%;
  width: 24px;
  height: 24px;
}
.sidebar .sidebar-item.selected .icon-trash {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 36.03603603603604%;
  width: 24px;
  height: 24px;
}
.sidebar .sidebar-item.selected .menu-trigger {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 52.892561983471076% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.sidebar .file-tree-toggle {
  position: absolute;
  bottom: 0px;
  right: -16px;
  display: inline-block;
  z-index: 50;
  width: 16px;
  height: 26px;
  line-height: 26px;
  border: 1px solid #e0e1e5;
  border-radius: 0 4px 4px 0;
  border-left: none;
  background-color: #f5f5f5;
  cursor: pointer;
}
.sidebar .file-tree-toggle .arrow {
  transform: rotate(0.5turn);
  -webkit-transform: rotate(0.5turn);
  position: relative;
  left: 1px;
  top: 3px;
  display: inline-block;
}
.sidebar .file-tree-toggle.folded .arrow {
  transform: none;
  -webkit-transform: none;
}
.file-download-frame {
  display: none;
}
file-tag .file-tag .tag-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 0;
  width: 20px;
  height: 20px;
}
.file-tree .tree-title .arrow {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 56.74931129476584% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.file-tree .tree-title .folder {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 64.86486486486487%;
  width: 24px;
  height: 24px;
}
.file-tree .tree-title .folder-shared {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 27.195467422096318% 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.file-tree .tree-title .folder-encrypted {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 81.86968838526913% 28.82882882882883%;
  width: 24px;
  height: 24px;
}
.file-tree .tree-title .folder-unlocked {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 50.70821529745042% 66.36636636636636%;
  width: 24px;
  height: 24px;
}
.file-tree .tree-title .menu-trigger {
  position: absolute;
  top: 9px;
  right: 21px;
  cursor: pointer;
  display: none;
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 68.31955922865014% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.file-tree .tree-title.root-title .folder,
.file-tree .tree-title.root-title.expandable.expanded .folder {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 36.03603603603604%;
  width: 24px;
  height: 24px;
}
.file-tree .tree-title:hover,
.file-tree .tree-title:active,
.file-tree .tree-title.hover {
  background: #e4edf8;
}
.file-tree .tree-title:hover .file-name,
.file-tree .tree-title:active .file-name,
.file-tree .tree-title.hover .file-name {
  margin-right: 40px;
}
.file-tree .tree-title:hover .menu-trigger,
.file-tree .tree-title:active .menu-trigger,
.file-tree .tree-title.hover .menu-trigger {
  display: block;
}
.file-tree .tree-title.selected {
  background: #398dee;
  border: 1px solid #2280ed;
  border-color: #2280ed transparent;
  color: #fff;
}
.file-tree .tree-title.selected .arrow {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 60.60606060606061% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.file-tree .tree-title.selected .menu-trigger {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 52.892561983471076% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.file-tree .tree-title.selected.root-title .folder,
.file-tree .tree-title.selected.root-title.expandable.expanded .folder {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 88.6685552407932% 43.24324324324324%;
  width: 24px;
  height: 24px;
}
.file-tree .tree-title.selected .folder-shared {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 0 74.17417417417417%;
  width: 24px;
  height: 24px;
}
.file-tree .tree-title.selected .folder-encrypted {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 6.798866855524079% 88.58858858858859%;
  width: 24px;
  height: 24px;
}
.file-tree .tree-title.selected .folder-unlocked {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 37.110481586402265% 66.36636636636636%;
  width: 24px;
  height: 24px;
}
.file-tree .tree-title.expandable.expanded .arrow {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 68.31955922865014% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.file-tree .tree-title.expandable.expanded .folder {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 56.657223796033996% 47.747747747747745%;
  width: 24px;
  height: 24px;
}
.file-tree .tree-title.expandable.expanded.selected .arrow {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 52.892561983471076% 98.83381924198251%;
  width: 14px;
  height: 14px;
}
.list .list-hd .list-back {
  position: absolute;
  top: 18px;
  left: 9px;
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 66.1807580174927% 20.42042042042042%;
  width: 34px;
  height: 24px;
}
.list .list-hd .list-back:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 38.48396501457726% 47.747747747747745%;
  width: 34px;
  height: 24px;
}
.list .list-hd .list-back.disabled {
  cursor: auto;
  cursor: initial;
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 66.1807580174927% 20.42042042042042%;
  width: 34px;
  height: 24px;
  opacity: 0.3;
}
.list .list-hd .input-search {
  position: relative;
  display: block;
  margin: 0 80px 0 20px;
  top: 10px;
  border: 1px solid rgba(148, 157, 166, 0.36);
  border-radius: 40px;
  line-height: 28px;
  padding: 5px 5px 5px 35px;
  height: 30px;
}
.list .list-hd .input-search .icon-search {
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
  cursor: pointer;
}
.list .list-hd .input-search input.search-text {
  color: #595959;
  padding: 0;
  line-height: 28px;
  width: 100%;
  background-color: transparent;
  font-size: 12px;
  font-family: '\5FAE\8F6F\96C5\9ED1', 'Microsoft Yahei', Helvetica Neue, Hiragino Sans GB;
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.list .list-hd .input-search input::-webkit-input-placeholder {
  color: #C0C8D0;
}
.list .list-hd .input-search.disabled {
  opacity: 0.5;
}
.list .list-hd .input-search.disabled .icon-search {
  cursor: auto;
  cursor: initial;
}
.list .list-hd .icon-setting.setting_list {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 9.912536443148689% 56.15615615615616%;
  width: 34px;
  height: 24px;
}
.list .list-hd .icon-setting.setting_list:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 48.39650145772595% 47.747747747747745%;
  width: 34px;
  height: 24px;
}
.list .list-hd .icon-setting.setting_abstract {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 55.97667638483965% 27.32732732732733%;
  width: 34px;
  height: 24px;
}
.list .list-hd .icon-setting.setting_abstract:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 55.97667638483965% 35.73573573573574%;
  width: 34px;
  height: 24px;
}
.list .list-bd .list-li .file-shared {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 23.955431754874652% 100%;
  width: 18px;
  height: 18px;
}
.list .list-bd .list-li .file-myshare {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 18.941504178272982% 100%;
  width: 18px;
  height: 18px;
}
.list .list-bd .list-li .file-encrypted.icon_encrypted {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 99.44289693593315% 87.90560471976401%;
  width: 18px;
  height: 18px;
}
.list .list-bd .list-li .file-encrypted.icon_unlocked {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 44.01114206128134% 100%;
  width: 18px;
  height: 18px;
}
.list .list-bd .list-li:hover .file-tool {
  display: -webkit-inline-flex;
}
.list .list-bd .list-li:hover .file-tool .icon-share,
.list .list-bd .list-li:hover .file-tool .icon-download,
.list .list-bd .list-li:hover .file-tool .icon-delete,
.list .list-bd .list-li:hover .file-tool .icon-restore {
  margin-left: 8px;
  cursor: pointer;
  vertical-align: text-bottom;
  display: inline-block;
}
.list .list-bd .list-li:hover .file-shared,
.list .list-bd .list-li:hover .file-myshare,
.list .list-bd .list-li:hover .file-encrypted {
  display: none;
}
.list .list-bd .list-li:hover:not(.selected) {
  background: #f6f7f9;
}
.list .list-bd .list-mode .list-li:hover .file-date {
  display: none;
}
.list .list-bd .list-mode .list-li:hover .file-res {
  display: none;
}
.toolbar .tools-item .share-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 78.43137254901961% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .share-icon:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 11.869436201780415%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .share-icon.disabled {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 78.43137254901961% 94.65875370919882%;
  width: 20px;
  height: 20px;
  opacity: 0.3;
}
.toolbar .tools-item .demo-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 39.21568627450981% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .demo-icon:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 28.486646884272997%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .demo-icon.disabled {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 39.21568627450981% 94.65875370919882%;
  width: 20px;
  height: 20px;
  opacity: 0.3;
}
.toolbar .tools-item .tag-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 0;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .tag-icon:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 50.42016806722689% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .tag-icon.disabled {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 0;
  width: 20px;
  height: 20px;
  opacity: 0.3;
}
.toolbar .tools-item .more-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 28.011204481792717% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .more-icon:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 44.817927170868344% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .more-icon.disabled {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 28.011204481792717% 94.65875370919882%;
  width: 20px;
  height: 20px;
  opacity: 0.3;
}
.toolbar .tools-item .comment-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 45.103857566765576%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .comment-icon:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 89.63585434173669% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .comment-icon.disabled {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 100% 45.103857566765576%;
  width: 20px;
  height: 20px;
  opacity: 0.3;
}
.toolbar .tools-item .translate-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 65.8753709198813%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .info-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 5.602240896358543% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .info-icon:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 16.80672268907563% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .restore-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 6.25%;
  width: 20px;
  height: 21px;
}
.toolbar .tools-item .restore-icon:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 94.39775910364146% 0;
  width: 20px;
  height: 21px;
}
.toolbar .tools-item .delete-icon {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 84.03361344537815% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.toolbar .tools-item .delete-icon:hover {
  background: url(images/sprite-4ce3c9eaa2.svg) no-repeat;
  background-position: 33.61344537815126% 94.65875370919882%;
  width: 20px;
  height: 20px;
}
.more-info .info .td-l {
  font-weight: bold;
}
.office-preview-ct .office-preview-iframe {
  -webkit-transform: translateY(-50px);
  height: -webkit-calc(100% + 50px);
}
.note {
  position: relative;
  overflow: hidden;
}
.note .hd .title {
  margin-right: 90px;
}
